billpwchan/sakura-fantasy

<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;_{<i>Sakura Fantasy</i>}</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 bey