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