宇宙ワープ・ヒーローの見本

Next section

星の向こうへ

ロゴが星屑になって消えたあと、深宇宙の上にこの次セクションが現れます。中身は自由に差し替えられます。

仕組みを見る

About

画面を固定したままスクロールすると、ロゴが25のパーツに分かれて星屑のように散ります。

散り終わる頃に背景が深宇宙へ暗転し、Three.js の星空が前方へ流れ続けます。手を離すと「ロゴ」か「次セクション」のどちらかに吸着し、逆にスクロールすると元に戻ります。ロゴはポインタの動きやタップを風として受け、ばねのように揺れます。JavaScriptが使えない環境や、動きを減らす設定では、ロゴと次セクションが完成した状態で縦に並びます。

演出は GOUKI-Main/wadokaichuu-new(MITライセンス)のソースを改変したものです。「NOVA / SPACE LAB」はこのカタログ用に描いた架空の見本ロゴです。実際に使うときは自分のロゴに差し替えてください。