📊 画像/動画表示システムフロー

1. メディア読み込み
画像・動画ファイルを読み込み
↓
2. Canvas準備
OffscreenCanvasを作成
↓
3. 画像/動画描画
ctx.drawImage()で統一描画
↓
4. Web Components初期化
カスタムタグをSVG内に配置
↓
5. ハッシュ計算
コンテンツの変更を検知
↓
6. テクスチャ生成
Canvas→CanvasTexture変換
↓
7. 3D空間に配置
Three.jsメッシュに適用
ボタンを押してフローを開始