一个 HTML 文件能做什么？有人用一段提示词让 AI 生成了京都山寺的 3D 世界，只用一个 HTML 文件融合 AI 生成内容与 Three.js 实时渲染。打开网页就是深蓝色的夜晚，山门、石阶、灯笼和远处的寺庙依次出现。没有按钮也没有菜单，滚动鼠标就可以夜游一圈。

看看效果

镜头沿着山间小道向远处延伸，穿过山门后石灯一盏接一盏地亮起，脚下雾气渐渐消散。下雨了，树叶随风飘动，寺庙的屋檐进入画面，朱红色的月亮挂在山脊上。每走一步都仿佛在寺庙中前行，不像在浏览网页。

雨越下越大，远方山下的灯却一盏接一盏地亮起来，夜景才完整铺开。整个页面只有滚动一种交互方式，却让人有一种走遍整个寺庙的感觉。不是在看网页，而是一部可以进入其中的交互式电影。

滚动就是控制器

相机按照预先设定的路线移动，滚多少镜头就前进多少，速度全由你掌控。没有按钮、没有菜单，滚轮是唯一的交互方式。从山门到寺庙，视角都是事先安排好的，你走到哪里，镜头就对准哪里。

实时渲染的世界

寺庙、山门、雨、雾、落叶等都是通过 Three.js 在浏览器中实时渲染的。项目作者 Meng To 是设计师，出版过《Design+Code》，并不是程序员出身。他用一段提示词让 AI 生成 3D 世界，然后通过一个 HTML 文件实现渲染和交互。

目前 Kage 在 GitHub 上已经有 1400 多个 Star，说明这种极简但沉浸式的体验受到了很多关注。