一个为 Codex、Claude Code、Cursor 等 Agent 提供的 Skill,用于生成可交互、逐步建造的 Three.js 三维古建场景。
58769TypeScriptMIT更新于 29天前
一款在浏览器中用 three.js 实时渲染的 3D 日本河谷小船之旅,涵盖四季与全天时段。
桜幻想是一个可交互的实时 3D 场景:你乘坐一艘茅草顶的河船,沿日本河谷顺流而下,途经樱花林荫道、朱红太鼓桥、五重塔村落、竹林峡、千本鸟居和湖泊。植被基于真实日本植物的摄影测量扫描制作,光照随一天的太阳位置变化,天气包括晴、雾、雨、暴风和雪五种。
配乐随行程实时生成,采用平调、阳调等日本音阶,由筝、尺八和笙演奏,并混入寺庙钟声、京都庭园声景等实地录音,按地点、季节和时段放置。项目基于 three.js 的原生 JavaScript 实现,约 1 万行代码,没有使用游戏引擎或框架。访客可以调节季节、时辰、天气和镜头,也可以通过 URL 参数直接打开指定场景。
克隆仓库
git clone https://github.com/billpwchan/sakura-fantasy.git进入项目文件夹
cd sakura-fantasy安装依赖
npm install启动开发服务器并访问 http://127.0.0.1:5190
npm run dev概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
一个为 Codex、Claude Code、Cursor 等 Agent 提供的 Skill,用于生成可交互、逐步建造的 Three.js 三维古建场景。
将单张参考图重建为可动画的程序化 Three.js 代码模型,而不是网格文件。
交互式 3D 昆虫图鉴,用 TypeScript 与 Three.js 在浏览器中程序化生成 63 种昆虫模型。
为 react-three-fiber 提供的一组开箱即用的 React 3D 辅助组件与 Hooks。
开源、免登录的 Three.js/WebGL 交互式 UI 组件目录,附带实时渲染与完整 React 源码。
为 react-three-fiber 提供后期处理效果的 React 封装,可用 JSX 组件声明式地添加效果。