90 美元搞定 20 个 Awwwards 级 3D 网站：Dioramas 电影级交互架构与 AI 资产管线全景解析
在传统 Web 3D 开发中，打造一个 Awwwards 级别的交互式 3D 网站往往意味着高昂的工期与人力成本：专业的 3D 建模师进行高模雕刻与拓扑、资深技术美术（TA）烘焙 PBR 贴图、前端工程师手工编写着色器与运镜逻辑，单页研发成本动辄数万美元。而开源框架 Dioramas 的诞生彻底打破了这一壁垒。
Dioramas 提出了一种革命性的全栈范式——“让 3D 场景成为网页本身”。它不仅开源了 20 个涵盖深海潜航、机械发条、粒子风暴、物理烘焙等极具视觉震撼力的完整落地站点，更首次将 Nano Banana 2 图像生成、Meshy 7.1 图生 3D、自动化几何拓扑压制以及现代 Three.js HDR 渲染核心串联为高度工业化的闭环管线。令人惊叹的是，生成全套 20 个网站所需的 65 个高质量 3D 模型与 111 张材质板，总 API 账单仅约 90 美元。本文将深入工程源码，对 Dioramas 的资产管线、渲染核心与代理工作流进行全景拆解。