---
title: "桜幻想 Sakura Fantasy"
url: "https://aigamehub.app/en/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: "Adventure"
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: "en"
content_locale: "en"
---

# 桜幻想 Sakura Fantasy

A browser-rendered boat journey down a Japanese river valley, with four seasons, live day/night lighting and generative music.

## Description

You sit in a reed-roofed tomabune while a boatman sculls you down a river, passing shallows of morning mist, a cherry avenue, a vermilion drum bridge, a village under a five-storey pagoda, a bamboo gorge, a tunnel of a thousand torii and a lake with a torii in the water. Seasons turn and the journey repeats. Plants come from photogrammetry scans of real Japanese plants, the light follows the sun, the weather changes, and the score for koto, shakuhachi and shō is composed as you travel. Built with plain JavaScript on three.js, no engine or framework; runs live in the browser.

## 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

<div align="center"> <a href="https://sakura.billpwchan.art/"><img src="docs/media/hero.webp" width="100%" alt="A reed-roofed boat drifts under cherry trees at dawn, its lantern lit, the low sun on the water"></a> <h1>桜幻想 &nbsp;<sub><i>Sakura Fantasy</i></sub></h1> <p><b>A boat journey through a Japanese river valley, in four seasons and at any hour,<br>rendered live in the browser.</b></p> <p> <a href="https://sakura.billpwchan.art/"><b>Take&nbsp;the&nbsp;journey</b></a> &nbsp;·&nbsp; <a href="docs/ARCHITECTURE.md">How&nbsp;it&nbsp;works</a> &nbsp;·&nbsp; <a href="docs/SOUND.md">The&nbsp;score</a> &nbsp;·&nbsp; <a href="README.zh-CN.md">中文</a> &nbsp;·&nbsp; <a href="README.ja.md">日本語</a> </p> <p> <a href="https://sakura.billpwchan.art/"><img alt="Live demo" src="https://img.shields.io/badge/live-demo-c0392b?style=flat-square"></a> <a href="https://threejs.org/"><img alt="three.js r186" src="https://img.shields.io/badge/three.js-r186-1f2937?style=flat-square"></a> <img alt="WebGL 2" src="https://img.shields.io/badge/WebGL-2-1f2937?style=flat-square"> <img alt="No engine, no framework" src="https://img.shields.io/badge/engine-none-1f2937?style=flat-square"> <a href="LICENSE"><img alt="MIT licence" src="https://img.shields.io/badge/code-MIT-e8a0b4?style=flat-square"></a> </p> </div> <br> 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. <br> <p align="center"><img src="docs/media/seasons.jpg" width="100%" alt="The same stretch of river in spring, summer, autumn and winter"></p> <p align="center"><sub>The same trees across the year: blossom, then summer green, then autumn colour turning leaf by leaf, then snow on the boughs.</sub></p> ## The journey <table> <tr> <td width="50%"><img src="docs/media/journey-1-asagiri.jpg" alt="Shallows of Morning Mist"><br><b>朝霧の瀬</b> &nbsp;Shallows of Morning Mist<br><sub>Reeds, stones and heavy dawn mist.</sub></td> <td width="50%"><img src="docs/media/journey-2-avenue.jpg" alt="The Cherry Avenue"><br><b>桜並木</b> &nbsp;The Cherry Avenue<br><sub>Banks lined with sakura, and rafts of fallen petals.</sub></td> </tr> <tr> <td><img src="docs/media/journey-3-bridge.jpg" alt="The Vermilion Drum Bridge"><br><b>朱の太鼓橋</b> &nbsp;The Vermilion Drum Bridge<br><sub>The boat passes under the arch.</sub></td> <td><im
