Recollection

WebGLコンテンツをまとめたページです。2020年12月から2021年12月にかけて、complex・flower・warmth・extraneous・elapsed・focusedの6作品を公開しています。こちらから一覧を見られます。

作品だけでなく、トップページも全面をWebGLで構成しており、トップページのシーンにはレイマーチングを用いています。トップページの3Dシーンから作品を選ぶと、その作品のシーンを読み込んでトップのシーンの中に描画し、そのまま作品の表示へ切り替わります。ページ遷移にはBarba.jsを使い、canvasを破棄せずにURLだけを切り替えることで、トップページと各作品を途切れのない1つの体験としてつなげています。

描画にはThree.jsと自作のラッパー「ore-three」を使用しています。

関連する登壇資料「レイマーチング大衆化運動」もあわせてご覧ください。