AI PROMPT · 30

自建 3D 房屋动画

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

自建 3D 房屋动画 提示词示例图

VIDEO PREVIEW

视频预览

Self-Building 3D House Animation

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.
自建 3D 房屋动画|AI 提示词库 | PhanthyCode