最近 GitHub 上有个项目火得不行——Kage,一位叫 Meng To 的设计师,把整个网站塞进了区区一个 HTML 文件里,却做出了电影级的沉浸式 3D 世界:月夜下的京都山寺、朱红满月、雨雾与落叶,打开页面就像走进一部动画电影。
玩法极简到“反常识”:没有按钮、没有菜单,全程只用鼠标滚轮。往下滚,镜头就沿着预设路径带你从山门走到静庭,看匠人工艺,最后在余晖中抵达“宣言”,五章叙事一气呵成。

更硬核的是技术底子:基于 Three.js 实时渲染,配合泛光、胶片颗粒与暗角后处理;素材则由 GPT Image 2 生成图板,再拆成透明前景叠加进 3D 世界。整个项目零构建、零后端、零网络请求,克隆下来用任意静态服务器就能跑,而且完全开源免费。
适合谁?想惊艳客户的设计师、学 Three.js 的前端新手、做品牌预热页的营销人,甚至文旅和博物馆的数字导览都能“抄作业”。滚轮往下一滚,你会舍不得停。
网址:https://mengto.github.io/kage/(GitHub 开源:https://github.com/MengTo/kage)