DevTrends开发者趋势
主题色

billpwchan /

sakura-fantasy

这是一个用 three.js 写的实时 3D 网页,打开就能坐在小船上顺着日本河谷往下漂,经过樱花河道、太鼓桥、五重塔村落、竹林和千本鸟居,季节、时辰、天气随时切换,配乐边漂边生成。不用游戏引擎和框架,约一万行原生 JavaScript,适合学习 WebGL 场景、水面反射和程序化音乐。 亮点 纯 three.js,无引擎无框架,附完整的架构文档和声音设计文档,可以当作 WebGL 实战教材 水面反射按真实光路取样,倒影随波纹拉长破碎,…

语言JavaScriptDT生活与娱乐DT研究与学习DT库 / SDKDTWeb 应用DTWeb原始3d原始ai-generated原始browser-game原始claude原始claude-code原始creative-coding原始generative-music

产品配图

关于

这是一个用 three.js 写的实时 3D 网页,打开就能坐在小船上顺着日本河谷往下漂,经过樱花河道、太鼓桥、五重塔村落、竹林和千本鸟居,季节、时辰、天气随时切换,配乐边漂边生成。不用游戏引擎和框架,约一万行原生 JavaScript,适合学习 WebGL 场景、水面反射和程序化音乐。 亮点 纯 three.js,无引擎无框架,附完整的架构文档和声音设计文档,可以当作 WebGL 实战教材 水面反射按真实光路取样,倒影随波纹拉长破碎,灯笼、萤火虫、烟花都参与反射 植物来自日本真实植物的 CC0 扫描数据,在 Blender 中烘焙成贴图,按距离分级加载 配乐实时生成:古筝、尺八、笙按日本调式演奏,春天樱花下会弹《樱花樱花》,烟花的声音按声速延迟到达 网址参数可直达任意场景,比如秋天傍晚的太鼓桥:

收录记录

  1. HelloGitHub·用户投稿

    2026年10月4日 · 1 次收录

  2. 阮一峰周刊·用户投稿

    2026年10月4日 · 1 次收录

  3. 中国独立开发者

    2026年10月6日 · 1 次收录

讨论这个产品