blendi-remade/dioramas

它解决的问题

构建一个高端的 3D 落地页通常需要 3D 艺术家、Web 开发人员以及大量时间。Dioramas 通过提供一个完整的框架使这变得容易，该框架从文本描述生成 3D 英雄对象，为 Web 优化它，并开箱即用地提供电影般的体验。它解决了让 3D 网站变得负担得起且快速构建的问题，同时不牺牲视觉质量。

工作原理

Dioramas 有三层：

1. 资产管道：它使用 AI 从提示生成 3D 模型。首先，文本到图像模型渲染出干净的产品图像，然后图像到 3D 模型将其转换为带纹理的 3D 网格。一个脚本优化网格和纹理以供 Web 使用，显著减小文件大小。README 包含生成和优化资产的示例命令。

2. 引擎：一个小的 three.js 层，添加视觉润色：后期处理效果，如环境光遮蔽、泛光、色调映射、颗粒和晕影。它还包括体积聚光灯、平面反射、程序化纹理和滚动驱动动画，以及自定义光标和预加载器。

3. 方法：每个示例网站都从一页简报开始，AI 编码代理根据引擎构建它。一个带有无头 GPU 截图的审查系统确保每个滚动位置看起来都很好。

README 包含 20 个完整的示例网站，展示了各种交互体验，例如用灯笼探索博物馆、潜水 11 公里或驾驶潜水器。

适用人群

这适用于希望创建沉浸式、电影般的 3D 落地页而无需成为 3D 艺术家的 Web 开发人员和设计师。它也对希望快速制作高质量 3D Web 体验的代理机构或创作者有用。由于它是免费且开源的，任何人都可以使用，但建议使用桌面 GPU 以获得流畅性能。

亮点

• 20 个完整的示例网站，展示不同的交互和风格。
• 从文本提示 AI 生成的 3D 模型，每个带纹理模型约花费 1.20 美元。
• 优化资产：25 MB 的原始模型变为 3–8 MB，实现快速加载。
• 一个体积小但功能强大的 three.js 引擎，具有电影般的后期处理效果。
• 用于资产生成、优化和自动视觉审查的脚本。
• MIT 代码许可证，生成的资产采用 CC BY 4.0。