---
title: "桜幻想 Sakura Fantasy"
url: "https://aigamehub.app/zh-tw/games/sakura-fantasy-bd2034"
source: "https://github.com/billpwchan/sakura-fantasy"
source_type: "github"
play_url: "https://sakura.billpwchan.art/"
platform: "both"
login_required: false
pricing: "free"
origin: "original"
ai_tools: ["Claude", "Claude Code"]
game_languages: ["ja"]
author: "billpwchan"
author_handle: "billpwchan"
category: "冒險"
categories: ["adventure", "casual", "simulation"]
tags: ["generative-music", "japan", "procedural-generation", "relaxing", "three.js", "webgl"]
added: "2026-10-16T17:08:51.520Z"
updated: "2026-10-16T17:08:51.520Z"
locale: "zh-tw"
content_locale: "zh-tw"
---
# 桜幻想 Sakura Fantasy
一趟在瀏覽器中渲染的日本河谷乘船之旅，包含四季、即時日夜光照與生成式音樂。
## Description
你坐在葦葺屋頂的泊船（tomabune）中，船夫划槳帶你順流而下，途經晨霧淺灘、櫻花大道、朱紅太鼓橋、五重塔下的村莊、竹林峽谷、千本鳥居隧道，以及一座水中有鳥居的湖泊。季節流轉，旅程循環往復。植物來自真實日本植物的攝影測量掃描，光線追隨太陽，天氣變化，箏、尺八與笙的樂譜在你旅途中即時生成。以純 JavaScript 在 three.js 上打造，無引擎或框架；在瀏覽器中即時運行。
## Original post
A boat journey through a Japanese river valley, in four seasons and at any hour, rendered live in the browser with three.js.
Topics: 3d, ai-generated, browser-game, claude, claude-code, creative-coding, generative-music, japan, javascript, photogrammetry, procedural-generation, real-time-rendering, sakura, threejs, vibe-coding, web-audio, webgl, webgl2
You sit in a *tomabune*, a reed-roofed river boat, while a boatman sculls you down a river. You pass through: - morning mist on the shallows; - an avenue of cherry trees; - a vermilion drum bridge; - a village beneath a five-storey pagoda; - a bamboo gorge; - a tunnel of a thousand torii; - a lake where a torii stands in the water. Then the season turns and the journey begins again. Every tree, flower and blade of grass is drawn from photogrammetry scans of real Japanese plants. The light follows the sun through the day, and the weather changes. The music is composed as you travel, for koto, shakuhachi and shō, among field recordings from temples and gardens in Kyoto and beyond. It is about 10,000 lines of plain JavaScript on three.js, with no engine and no framework.
The same trees across the year: blossom, then summer green, then autumn colour turning leaf by leaf, then snow on the boughs.
## The journey 
朝霧の瀬 Shallows of Morning Mist
Reeds, stones and heavy dawn mist. | 
桜並木 The Cherry Avenue
Banks lined with sakura, and rafts of fallen petals. |
朱の太鼓橋 The Vermilion Drum Bridge
The boat passes under the arch. | |
