完成サイト（14）
新しい順に並んでいます。No. は制作順の通し番号で、No.01 がいちばん古い作例です。カードをクリックすると実際に動きます
SEIRAN 星嵐sites/14_seiran
2 万粒の点群が星雲→結び目→波形→星座へ GPU モーフィングする。スクロールがそのまま変形のタイムライン。SaaS・AI スタートアップ向けの、No.07 KIRIHA の WebGL 上位版。
OTOWA 音羽sites/13_otowa
スクロールでヘッドホンが空中分解し、再結合しながら本体色が 苔→墨→砂 に変わる。Apple 製品ページの文法をコードモデリングで再現し、情景 4 カットは AI 生成(差し替え式)。D2C・メーカーの製品ページ提案向け。
TSUMUGI 紬sites/12_tsumugi
暗い蔵に額装作品を浮かべ、行灯の光の中をカメラで縫う空間ギャラリー。No.09 の空間版で、静止画だけで没入展示が成立する実証。作品 4 点は一気通貫プロンプトで 1 枚生成した AI カットの切り出し(差し替え式)。
KOTODAMA 言霊sites/11_kotodama
言葉が、空間になる。巨大な立体タイポグラフィを建築物のように立て、その間をカメラで進む。近づいた言葉だけが金色に灯る。制作会社・エージェンシーの自社サイト向けの文法。
AERIUM 空中庭園都市sites/10_aerium
空に、住所を。スクロールでカメラが夜の都市を飛び抜ける一本道フライスルー。ビル群・交通光・天空庭園まで全てコード生成し、不動産・都市開発の世界観提案に使える。参照動画の核をそのまま担う一本。
MEBUKI 芽吹sites/09_mebuki_kv
ダーク×花×ガラス UI のブランドサイトに、Veo 3.1 で作ったカメラワーク付きの AI 人物動画 4 カットを、スクロール位置に再生ヘッドを直結する「スクロールスクラブ」で動かす。カメラの動きとスクロールが完全同期し、手前にはコード生成の花びらが降り続ける。
LUMENsites/08_lumen
金属リング群のリアルタイム 3D と大判タイポだけで構成した、最小構成のデモ（4 セクション）。ページ数の少ないブランドサイトや、単発のキャンペーンページ向き。
KIRIHAsites/07_kiriha
光の粒で物語を編む、神戸の映像制作スタジオ（架空）。Canvas 2D のパーティクルのみ。GPU の弱い端末でも落ちにくく、旧端末が多い客先に強い。
SIGNALsites/06_signal
神戸の AI プロダクトスタジオ（架空）。生の WebGL フラグメントシェーダで背景を描く方式。ライブラリ依存ゼロで、読み込みが速く挙動が読みやすい。
STRATAsites/05_strata
神戸・北野の建築設計事務所（架空）。地層のように時間を設計する。WebGL を一切使わず CSS 3D のレイヤーパララックスだけで奥行きを出した最軽量版。
POGO KOBEsites/04_pogo
踏み鳴らせ、港町。3日間のクリエイティブフェス。原色×ブルータリスト×トゥーンシェーディング。プリミティブ群が転がり→整列→散開する。イベント・採用向け。
灯火 — TOKA COFFEE ROASTERSsites/03_toka
豆と火のあいだにある一杯。暖色×クラフト×明朝。頂点シェーダのノイズで豆の塊が変形し、スクロールに合わせて焙煎の進行そのものがテーマ遷移になる。
AZIMUTHsites/02_azimuth
海図のない領域を、航行可能にする。ダーク×HUD×テック。ワイヤーフレームの夜の海と発光リングでデータ感を出した、SaaS・AI プロダクト向け。
MERIDIANsites/01_meridian
基準線をひく、静かな精度。石灰岩×港青のライト×エディトリアル。柱インスタンス群が列柱グリッド→球面→モノリスへモーフする。ライト／ダーク切替つき。