ivs2026-mv.4s.link/generations
▲▼ auto-scroll
IVS2026 MV「無限夢想家」
AI で全編制作した楽曲 MV の特設サイト。字コンテ→静止画→動画の制作環境そのものを Web として公開した、今回いちばん思い入れのあるプロジェクト。
実装の現物 — 本編カラオケ (本番トップの実コンポーネント)
Sing Along · Karaoke
無限夢想家 カラオケ
Infinite Dreamer
Music Video
Music Video
本編 MV は公式 YouTube から再生 · SRT 由来 62 キューを currentTime に同期 · -12dB · YouTube で観る ↗
// MOTION 本番トップの「カラオケモード」そのもの。本編 MV を再生すると SRT 由来の歌詞が currentTime に rAF 同期し、歌唱中の行が中央で朱ワイプ点灯する。@harvested-from 26mv site/components/Karaoke.tsx
COMMITS639
LINES+197,178
キャラクター34体
絵コンテ全15章
カット≈320
裏側の仕組み — 制作環境がそのまま特設サイトになった
字コンテから静止画、静止画から動画までを一つのパイプラインに束ねた。以下は説明のための図ではなく、本番サイトの実コンポーネントをそのまま移植して動かしている。
実装の現物 — トップ KV — 12スプライト深度パララックス (本番の実エンジン)
▸ マウスを重ねると12スプライトが深度視差 · 火の粉が漂う
// DEMO 本番トップの KV エンジンそのもの。PSD 実測座標で切り出した12体の透過キャラ + 魔法陣 + ロゴを深度別に配置し、ポインタで個体ごとに深度視差が走る (scroll pin のみ demo 用に除去)。@harvested-from 26mv site/components/SpriteParallax.tsx
実装の現物 — 火の粉 GPU パーティクル (実装の現物)
// DEMO 本番 KV の背景そのもの。OGL 頂点シェーダで各粒子の位置を時間関数として算出し、CPU を介さず GPU 上で数千粒を駆動する。@harvested-from 26mv
実装の現物 — 制作パイプライン・モーショングラフィックス (字コンテ→画像→動画→正本)
// MOTION この MV が作られた工程そのものを After Effects 風に choreograph。字コンテがワイプで書かれ、墨の一閃でカットが生成され、フィルムストリップが動画になり、採用ハンコが捺されて正本に積まれる。
本番サイト — 実ページを覗く
絵コンテ→静止画→動画のパイプラインを1本だけ live で埋め込み、残りの画面はスクショと要点で紹介する（カードにマウスを重ねると中身が展開／自動でスクロールする）。
// LIVE 字コンテ → カット画像 → 動画を章ごとに縦スクロールで束ねた制作の裏側。クリックで操作モードに入り本番そのまま触れる。
そのほかの実ページ (スクショ + 中身)
▲▼ auto-scrollivs2026-mv.4s.link/characters
▲▼ auto-scrollivs2026-mv.4s.link/story
▲▼ auto-scrollivs2026-mv.4s.link/manual
▲▼ auto-scrollivs2026-mv.4s.link/batch
▲▼ auto-scroll実装の現物 — 字コンテ 3 階層モデル (触れる版)
ChapterScene = 共有コンテキスト (lighting / props / refs / transition)Cut = 構図のみ (SIZE / MOVE / ANGLE / SEC)
- scene_transition
- dolly-occlusion左→右 dolly + 遮蔽 wipe遮蔽物: 廃倉庫の鉄骨の柱前章ラスト(夜明けの湿地)から左→右へドリーで場所を写す。手前の鉄骨の柱を通過させ、その裏が走馬灯バトルの廃倉庫内へ変わる
- lighting
- 廃倉庫の薄暗がり（裸電球の残骸と月光漏れ）。VC幽霊は青白い発光体。大百足は節足ごとに赤い警告ランプ。
- props
- 廃倉庫（錆びた鉄骨・砕けたコンクリート）、VC幽霊の書類束（破れた契約書）、規制の大百足（行政印が節足に刻まれている）
- refs
- characterhaniwa_boycharacterdogu_boycharactervc_grilling_demoncharacterregulation_centipede
ここまでが Scene の共有コンテキスト。配下の全 Cut に自動適用され、Cut 側は構図だけを書く。
廃倉庫を真上から俯瞰する鳥瞰EST。クレーンが天井の梁から降下しながら格子状の鉄骨の影を床に落とす。ハニワとドグーが画面中央でぽつんと背中合わせ——周囲の暗…
ダイナミックなモノクロ墨絵(sumi-e)のリビール。規制大百足の頭部から第一節までの胸上バストだけを大きく寄せて捉える(背景・霧・他者は描かず単体)。鋏角…
高所からの俯瞰LSで間合いを見せる引き。規制大百足が画面奥から正面へ突進し、数十本の脚が地面を叩いて煙幕を巻き上げる。カメラは突進に合わせて左へトラックし、…
決めの一撃の極寄りECU。斜めに傾いだダッチ構図で、百足の触角とドグーの杖が正面衝突した刹那を捉える。触角が裂け、杖に走る亀裂、木の繊維の毛羽立ちまで質感を…
あおりのLOでハニワが百足の側面に回り込み、御札を胴体に叩きつける中景。カメラが右へ弧を描いて回り込み、百足の巨体を見上げるスケール感を出す。御札が貼付され…
ダイナミックなモノクロ墨絵(sumi-e)のリビール。投資家試問鬼の顔だけを極寄りで正面から捉える(背景・書類・他者は描かず単体)。試すように見据える冷酷な…
顔ECUからの引き。高所からの俯瞰LSでカメラがプルアウトし、VC幽霊が青白く揺らめきながら浮遊する全身と、その足下で見上げるハニワ・ドグーの小ささを一望に…
ハンドヘルドで揺れる斜めのダッチ中景。床が大きく波打ち、規制の大百足の前脚がフレーム下から突き上げるように侵入する。ハニワとドグーが同時に飛び退く半身が画面…
床レベルからのあおりLO、決めの一撃の寄りCU。カメラが突き込むようにプッシュインし、ハニワのヌンチャクと大百足の前脚が正面衝突する瞬間を捉える。鎖の張り・…
- scene_transition
- match-dissolveマッチ・ディゾルブ衝撃波の環紋とエメラルド色が重ねられ、その中から鵺の霧が浮かび上がる——破壊と流出の接続
- lighting
- 鵺の霧体：エメラルドの霧が拡散発光。貧乏神：薄黄の粉塵が漂い、硬貨が暗いオレンジで光る。
- props
- 人材流出の鵺（猛禽鉤嘴の獣面・虎縞の胴・半透明の紙オファーレター翼・契約印の蛇尾・周回スカウトドローン。吐き出すエメラルドの霧にコアメンバーの幽霊が半身で浮かぶ）、硬貨の雨（床に散乱、各硬貨に貧相な幽霊の顔）、資金枯渇の貧乏神（無地の卵殻頭・請求書を縫った袈裟・ZERO プラカードの杖・逆向きの打ち出の小槌）
- refs
- characterhaniwa_boycharacterdogu_boycharacterbrain_drain_nuecharactercash_drain_deity
ここまでが Scene の共有コンテキスト。配下の全 Cut に自動適用され、Cut 側は構図だけを書く。
床すれすれのあおり。手前の床を這うエメラルドの霧の渦をなめながらカメラが奥へ押し込む——霧の絨毯越しにハニワとドグーの脚と構えた武器を見上げ、その背後・暗闇…
★リビール墨絵 namecard（鵺・単体）。ダイナミックなモノクロ墨絵 sumi-e。胸上バストの寄り、斜めDUTCHのあおり気味で猛禽の鉤嘴の頭部を画面…
あおりの極端な寄り（ECU）。急降下する鵺の猛禽の嘴がフレーム上方からドグーへ突き刺さる寸前——裂けた嘴の鉤の質感、吐き出されるエメラルドの霧の触手が画面手…
★リビール墨絵 namecard（貧乏神・単体）。ダイナミックなモノクロ墨絵 sumi-e。胸上バストの寄り、俯瞰HIGH気味に無地の卵殻頭を見下ろす。一気…
鳥瞰の引き（LS）。クレーンが投げの弧を追って俯瞰から降りる。ハニワが霧ごと鵺の契約印の蛇尾を両手で掴み、体ごと旋回して貧乏神めがけて投げ飛ばす——上から見…
傾いだDUTCHの中景、ハンドヘルドの揺れ。ドグーが封印の杖を横薙ぎに振る左60°アークをカメラが並走で追う。斜めに振られた画面の中で杖の軌跡が光の弧を描き…
あおりの極端な寄り（ECU）。WHIPで振り込み、降り注ぐ硬貨の一枚一枚に喰い込むように押す。古銭の縁・刻印・暗いオレンジの光沢が画面を埋め、その隙間を縫っ…
床レベルからのあおり、クレーンが見上げのまま引き上がる広い全景（LS）。ハニワが貧乏神に向かってヌンチャクを振り上げる全身、その周囲に散らばる硬貨の海と逆向…
連携撃破の決定打。傾いだDUTCHの広景を高速180°アークで一気に回り込み、ハンドヘルドで衝撃を増幅。ドグーが封印杖を地面に突き刺し、鵺の周囲に渦巻く霧も…
勝利の余韻。直前カットの広い引きから一転、カメラが静かに寄り込む寄りの二人ショット（MCU）。ハニワとドグーの胸上〜頭部だけをフレームいっぱいに並べて捉える…
… ほか 3 シーン (第5章だけで 42 カット)。 全 15 章・44 シーンが同じ型で書かれている。
// DEMO この制作環境の肝になる分離設計を実際に展開できる。Chapter→Scene→Cut をクリックで開くと、Scene が照明・小物・参照を『共有コンテキスト』として保持し、Cut は構図だけを担うことが見える。@harvested-from 26mv 字コンテ型
生成カット — 実物
CUT c5-s1-1 — 第五章 走馬灯バトル 開幕 (採用カット)
CUT c5-s5-3 — 第五章 決戦クライマックス (採用カット)
CUT c9-s1-1 — 第九章 孤独な巡礼 (採用カット)
実演 — 固有機能をそのまま動かす
WHAT'S INSIDE
01
カラオケモード / CD 機能
本編 MV に SRT 由来の歌詞を rAF で currentTime 同期し、active 行を中央へ連続スライド+朱ワイプ点灯。CSS 製の回転レコード盤 + MediaSession でロック画面制御まで。
02
堅牢 BGM レコード盤
muted autoplay → 初回ジェスチャで unmute の2段構えで『鳴らない/最初の操作で鳴らない』事故を二重に防ぐ。カラオケ再生中は bgm:duck で自動停止。
03
動画プロンプトビルダー群
I2V(Kling)/ Reveal ink-splash / Multi-Shot / Seedance beatdown を kind 別に出し分け。色・質感は参照フレームに委譲し motion-only で記述する規律。
04
reference-role マニフェスト
各シーンの添付参照に STYLE/LOCATION/CHARACTER/CONTINUITY の役割と copy/ignore を付与。全41シーンを materialize し生成へ効かせる overlay 層。
05
canon 注入プロンプト
参照キャラの profile.md 全文を verbatim で inline 注入し gpt-image に一貫性を強制。三面図+設定資料シートを先頭 ref に固定する。
06
Slack スタンプ量産ライン
設定資料 → Nano Banana Pro でチビ単体化 → 背景透過 → 原寸1024+Slack用128px を <slug>__<expr>.png で払い出す自動ライン。
07
CM 独立アートディレクション
本編の墨絵様式とは独立に、CM ごとに aesthetic(視覚DNA)を差し替え可能。同じ字コンテ型で別世界観の広告を量産する buildCmImagePrompt。
08
生成整合性 CI
cutid / overlay / uid / forbidden-matrix / params を predev・prebuild でゲート。字コンテと生成物の不整合をビルド前に落とす自己検証。
09
Reconcept Runbook
差し替え点・触らない派生物・最短コマンド列を法典に明文化。設計図ごと別コンセプトのアニメ MV を単一プロンプトから再構築できる。
Latest projects
ディレクターズ葛藤 / SPIKES / XDEAL / IVS Event Frontend / 4S Referral Network / 熟と燗 / Metoree TVCM / IVS2025 AI CM Suite / Totally Startuped MV / Ojima Dental Clinic / STATION Ai / Paytner WebCM
