# blendi-remade/dioramas（三维网站框架）

- 原标题：blendi-remade/dioramas
- 类型：项目
- 来源：GitHub
- 发布时间：2026-09-30
- 首次精选：2026-10-26 15:45
- 分级：值得看
- 学习层级：入门
- 主题：[video-3d-generation](<https://oplearnx.com/md/topics/video-3d-generation.md>)（第 5 位）、[creative-coding-design](<https://oplearnx.com/md/topics/creative-coding-design.md>)（第 11 位）
- 原文链接：[https://github.com/blendi-remade/dioramas](<https://github.com/blendi-remade/dioramas>)
- 本站页面：[https://oplearnx.com/resources/pk\_51377f7c742a](<https://oplearnx.com/resources/pk_51377f7c742a>)

## 摘要

一个免费开源框架，用于制作电影感、可交互的 3D 网页，其中 3D 场景本身即页面内容。资产由 AI 生成：先用 Nano Banana 2 生成产品图，再用 Meshy 7.1 转为 3D 模型，并由脚本进行优化。仓库附带 20 个完整示例网站，无需付费、账号或安装 CLI。

## 热度

- 7 天新增 star：暂无数据
- 30 天新增 star：暂无数据
- Hacker News：没有
- 社区讨论：0 帖

## 项目信息

- 语言：JavaScript
- 许可：MIT
- 最近提交：2026-09-30
- Star：843
- Fork：83

## 上手方式

```bash
cp .env.example .env            # add your FAL_KEY
node scripts/gen.mjs all assets/jobs/<your-job>.json   # images + meshes (resumable)
node scripts/optimize-all.mjs                          # → public/models/<example>/
```

摘自 [README](<https://github.com/blendi-remade/dioramas/blob/main/README.md>)

---
来源：LearnMap · 学径（https://oplearnx.com）