project

golden fall

2024

[ information ]

Genre:: Creative Coding
Technologies:: JavaScript, Three.js, WebGL

[ description ]

- English -

Implemented using Three.js to practice GPU instancing techniques.

Since I created this during autumn, I rendered numerous 3D maple leaf models, recreating the gentle swaying motion as they fall. Implementing the system to reset off-screen objects to their initial coordinates and cycle them back provided many learning opportunities. Additionally, you can adjust the falling speed and rotation speed of the leaves by manipulating the parameters.

- Japanese -

Three.jsを使用し、GPUインスタンシングの技術習得を目的に実装しました。

制作時期が秋だったことから、紅葉の3Dモデルを大量に描画し、ゆらゆらと舞い落ちる様子を表現しました。画面外に出たオブジェクトを初期座標に再配置して循環させる仕組みの実装も、学びが多くありました。また、パラメータを操作することで、葉の落ちる速度や回転の速度を調整することもできます。

back to index

golden fall screenshot1 — Control leaf fall and spin speed with parameters

[ images ]

Autumn leaves gently falling