AI PROMPT · 30
自建 3D 房屋动画
无需插件,无需应用,仅需一个在 WebGPU 上运行 Three.js 的 HTML 文件。 这是一个交互式 3D 房屋,分五个阶段自动建造:地基 → 骨架 → 系统 → 外壳 → 完工。每个部分都在时间轴上有独立的窗口,因此你可以像观看视频一样拖拽浏览建造过程。 核心功能: → X 光模式使结构透明,展示水、电、污水和气流路径,并支持按系统进行筛选 → 爆炸视图,将各层分离展示 → 剖切功能,通过截面平面切割建筑 → 黄昏模式,切换光照以查看夜间效果 → 实例化植被,渲染十几棵橄榄树几乎不消耗性能 → 每个阶段的标注说明和预设摄像机视角 示例主体是一座传统山间别墅,但该格式适用于任何建筑。开发者可以在墙体尚未建成之前,向买家清晰展示墙后的所有细节。

VIDEO PREVIEW
视频预览
PROMPT
No plugins, no app, just a single HTML file running Three.js on WebGPU. It's an interactive 3D house that builds itself in five stages: Foundation → Skeleton → Systems → Envelope → Finished. Every part has its own window on the timeline, so you can scrub through the construction like a video. What's inside: → X-ray mode that makes the structure transparent and shows the water, power, sewage and airflow routes, with filters for each system → Explode, to pull the layers apart → Cut, a section plane that slices through the building → Dusk, a lighting switch to see it at night → Instanced vegetation, so a dozen olive trees cost almost nothing to render → Callouts and preset cameras for each stage The subject is a traditional hillside villa, but the format works for any building. A developer could show a buyer exactly what's behind the walls before a single wall exists.
