インタラクティブな絵コンテビューア - 見開き表示と縦スクロール表示の切り替えが可能

• 2つの表示モード

  • 📖 見開き表示: 左右2ページずつ表示
  • 📜 縦スクロール表示: 全カットを一覧で確認

• 画像切り替え機能

  • 🎨 鉛筆画モード: スケッチ・ラフ画を表示
  • 📷 実写モード: リアリスティックな画像を表示

• メディア切り替え

  • 🖼️ 静止画表示
  • 🎬 動画表示（ホバーで自動再生）

storyboard/
├── storyboard_flow.html    # メインHTMLファイル
├── pencil_drawings/         # 鉛筆画・スケッチ画像
│   └── scene1.png ~ scene10.png
├── storyboard_images/       # 実写・リアル画像
│   └── scene*_realistic.jpg, scene*_sparkle.png
└── storyboard_videos/       # 動画ファイル
    └── scene*_video.mp4

1. storyboard_flow.html をブラウザで開く
2. 上部のボタンで表示モードを切り替え
   • 「見開き」「縦スクロール」ボタン
   • 「鉛筆画」「実写」ボタン
   • 「静止画」「動画」ボタン
3. 見開きモードでは矢印キーまたはボタンでページ移動

• ← / →: ページ移動（見開きモード時）
• 1: 見開き表示に切り替え
• 2: 縦スクロール表示に切り替え

10カットのサンプル絵コンテが含まれています：

• CUT 001: モンスター登場シーン
• CUT 002: 小さな生き物の表情
• CUT 003: 動物たちのお祝い
• CUT 004: 森の中を歩くシーン
• CUT 005: 驚きの表情クローズアップ
• CUT 006: 二人の会話シーン
• CUT 007: アクションジャンプ
• CUT 008: 山脈のパノラマ
• CUT 009: 洞窟での発見
• CUT 010: 感動のフィナーレ

MIT License

dai-motoki