这是什么？
Dioramas 是一个免费开源的框架，用于构建电影感、可交互的 3D 网站——3D 场景本身就是页面：一个精细的物体、真实的光照、编排好的运镜，外加一处可触摸的交互。它附带 20 个用该框架构建的完整示例站点。
Dioramas 是一个免费开源的框架，用于构建电影感、可交互的 3D 网站——3D 场景本身就是页面：一个精细的物体、真实的光照、编排好的运镜，外加一处可触摸的交互。它附带 20 个用该框架构建的完整示例站点。Dioramas 是模板包，还是真正的框架？它是一个由三层组成的框架：把提示词变成 3D 模型的资产管线、以电影化方式渲染它们的 three.js 引擎，以及用于创建 20 个内置示例的“简报-构建-评审”工作流。
它是一个由三层组成的框架：把提示词变成 3D 模型的资产管线、以电影化方式渲染它们的 three.js 引擎，以及用于创建 20 个内置示例的“简报-构建-评审”工作流。怎么让 Dioramas 站点跑起来？克隆仓库——生成的 3D 模型已经以普通 git 形式包含在仓库里（约 330 MB，无 Git LFS），不需要单独下载，也不用通过 CLI 安装。然后直接打开 20 个示例站点之一即可。
克隆仓库——生成的 3D 模型已经以普通 git 形式包含在仓库里（约 330 MB，无 Git LFS），不需要单独下载，也不用通过 CLI 安装。然后直接打开 20 个示例站点之一即可。使用它需要 fal API 密钥吗？运行内置示例不需要，因为它们的模型已预先生成并打包在仓库里。只有当你想自己生成新的主视觉资产时，才需要用于 Nano Banana 2 和 Meshy 7.1 的 fal 账号。
运行内置示例不需要，因为它们的模型已预先生成并打包在仓库里。只有当你想自己生成新的主视觉资产时，才需要用于 Nano Banana 2 和 Meshy 7.1 的 fal 账号。流畅运行这些站点需要强大的 GPU 吗？需要，建议使用桌面级 GPU，因为每个场景都以 60 fps 为目标进行调优，而且仓库本身是一个约 330 MB 的庞大克隆，没有 LFS。
需要，建议使用桌面级 GPU，因为每个场景都以 60 fps 为目标进行调优，而且仓库本身是一个约 330 MB 的庞大克隆，没有 LFS。生成一个主视觉资产要花多少钱？通过 fal 的 Nano Banana 2 和 Meshy 7.1，每个带贴图的模型约 1.20 美元；完整的 20 个示例共 65 个模型和 111 张图片，总花费约 90 美元。
通过 fal 的 Nano Banana 2 和 Meshy 7.1，每个带贴图的模型约 1.20 美元；完整的 20 个示例共 65 个模型和 111 张图片，总花费约 90 美元。引擎自带哪些渲染效果？three.js 引擎包含 HDR 后期处理栈（环境光遮蔽、泛光、AgX 色调映射、颗粒、暗角）、光线步进的体积聚光灯、带粗糙度模糊的平面反射、GPU 烘焙的程序化纹理，以及 Lenis+GSAP 滚动编排。
three.js 引擎包含 HDR 后期处理栈（环境光遮蔽、泛光、AgX 色调映射、颗粒、暗角）、光线步进的体积聚光灯、带粗糙度模糊的平面反射、GPU 烘焙的程序化纹理，以及 Lenis+GSAP 滚动编排。这 20 个示例站点实际是怎么做出来的？每一个都始于一页简报，由 AI 编程代理基于该引擎构建，然后通过无头 GPU 截图评审脚本和多轮美术指导反复打磨，直到每个滚动停顿点都成为一幅构图完整的画面。
每一个都始于一页简报，由 AI 编程代理基于该引擎构建，然后通过无头 GPU 截图评审脚本和多轮美术指导反复打磨，直到每个滚动停顿点都成为一幅构图完整的画面。可以不用现成示例、构建自己的 3D 站点吗？可以——把你自己的简报连同 docs/ENGINE.md 交给编程代理，从零构建一个新场景，或者给 20 个内置示例中的某一个重新定主题。
可以——把你自己的简报连同 docs/ENGINE.md 交给编程代理，从零构建一个新场景，或者给 20 个内置示例中的某一个重新定主题。What are similar projects?sylva, pdoom-video, natural-disasters, genart-skill, awesome-opus5-5-videos, Viscose-carousel, mg-styles-15, image-to-3dlab
sylva, pdoom-video, natural-disasters, genart-skill, awesome-opus5-5-videos, Viscose-carousel, mg-styles-15, image-to-3dlabWhich topics is it in?procedural, nano-banana, webgl2, landing-page, scroll, image-to-3d, 3d-generation, generative-art, creative-coding, interactive, threejs, webgl
procedural, nano-banana, webgl2, landing-page, scroll, image-to-3d, 3d-generation, generative-art, creative-coding, interactive, threejs, webgl