
PLANETOOOTE :Digital Obsession
6つの国からなる架空の惑星を旅する実験サイト。国歌・国旗・地形がそれぞれに用意され、空港の発着案内板ふうのナビで切り替わる。
- クレジット
- tote(Mami Tanii)
- 使用技術
- Three.jsWebGLGSAPサウンド連動スクロール連動
日本の制作者 tote(Mami Tanii)による個人実験プロジェクトです。PLANETOOOTE は6つの国を持つ架空の惑星という設定で、それぞれの国に固有の国歌・国旗・風景が用意されています。音楽とシンボルとモーションで組み立てた、旅行記の形式を借りたビジュアルストーリーになっています。
ナビゲーションは空港の反転フラップ式案内板を模していて、1文字ずつの画像がパタパタと切り替わって行き先を示します。meta description に「sound and WebGL collide」と書かれている通り、地形やフラッグの表現はWebGLレイヤー側にあり、スクロール量と音に同期して動きます。国ごとの気候や気分を表す言葉がモーダルの中に隠されていて、触ると出てくる作りです。
【参考になるポイント】
・ドメインが planetooote.tote.co.jp とサブドメイン切り。スタジオ本体サイトとは別バンドルの独立した実験場として運用されている
・案内板の文字は個別画像として配信されている。フォントレンダリングではなく画像シーケンスで質感を担保する選択
・Awwwards付与タグは WebGL / GSAP / Three.js に加えて Sound-Audio と Storytelling。音が飾りではなく導線に組み込まれている
・2026年7月5日 Honorable Mention
・※HTMLがほぼJS依存のため、シェーダの内容やモデル読み込みの具体(.glb等の有無)はWebFetchでは確認できていない
