learn.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="color-scheme" content="dark" />
    <meta name="theme-color" content="#080b12" />
    <meta name="description" content="Learn how TripoSplat and TripoSplatWebGPU turn one image into a 3D Gaussian scene—explained for generalists, undergraduates, and researchers." />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Inside TripoSplat · Three levels of explanation" />
    <meta property="og:description" content="A visual, mathematical, and systems-level guide to TripoSplat, its browser WebGPU port, and the wider class of portable spatial-AI pipelines." />
    <meta property="og:image" content="https://triposplat-webgpu.vercel.app/corgi.ceo_image_header.social.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Inside TripoSplat · Three levels of explanation" />
    <meta name="twitter:description" content="From intuition to equations to graph contracts: understand image-to-3D Gaussian generation in the browser." />
    <meta name="twitter:image" content="https://triposplat-webgpu.vercel.app/corgi.ceo_image_header.social.jpg" />
    <title>Inside TripoSplat · Learn at three levels</title>
  </head>
  <body>
    <div id="learn-root"></div>
    <script type="module" src="/src/learnMain.tsx"></script>
  </body>
</html>