ai21.net
語言

No plugins, no app, just a single HTML file running Three.…

示範影片

No plugins, no app, just a single HTML file running Three.… — 1

提示詞

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 房屋,分五個階段自行搭建:Foundation → Skeleton → Systems → Envelope → Finished。每個部件在時間軸上都有自己的窗口,因此你可以像拖視頻進度條一樣瀏覽整個建造過程。

裏麪包含:
→ X-ray 模式,讓結構變透明,並顯示水、電、污水和氣流路線,每個系統都有篩選器
→ Explode,把各層拉開
→ Cut,一個剖切平面,切開整棟建築
→ Dusk,一個光照開關,用來看它在夜晚的樣子
→ 實例化植被,因此十幾棵橄欖樹渲染起來幾乎不花什麼開銷
→ 每個階段的標註和預設相機

主體是一棟傳統的山坡別墅,但這種形式適用於任何建築。開發商可以在哪怕一面牆都還不存在的時候,就向買家展示牆後究竟是什麼。

溯源

原作者
MrKindey
發佈日期
2026-10-07(由推文 ID 反解)
原始出處
查看原帖 ↗
收錄來源
yihui-dev/awesome-opus5-5-videos · mrkindey-267498 · MIT