DevTrendsDeveloper trends
Accent color

billpwchan /

sakura-fantasy

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

LanguageJavaScriptDTLifestyle & entertainmentDTResearch & learningDTLibrary / SDKDTWeb appDTWebOriginal3dOriginalai-generatedOriginalbrowser-gameOriginalclaudeOriginalclaude-codeOriginalcreative-codingOriginalgenerative-music

Product images

About

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

Discovery history

  1. HelloGitHub·用户投稿

    Oct 4, 2026 · 1 observations

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

    Oct 4, 2026 · 1 observations

  3. 中国独立开发者

    Oct 6, 2026 · 1 observations

Discuss this product