🔄 midori251 の HTML テクスチャが 3D で爆散するまでの流れ

1HTML/CSS を含む SVG テンプレートを生成。Photo_html_Display は画像を 300px にリサイズして BASE64 埋め込み。
2OffscreenCanvas に描画し、`new THREE.CanvasTexture(canvas)` でテクスチャ化。planeWidth=150, scale=2 で表示。
3mp4_control_Display は動画エリア (45%) の座標を `_getVideoContainerBounds()` で測って `drawImage`。
4Raycaster の UV を SVG 座標へ変換し、ボタン操作やクリックを拾う。cube へのヒットで分裂アニメーションを呼び出す。
5`triggerFragmentation()` が 12×12=144 個の断片を生成し、距離 100±20px・回転 ±2π を割り当てる。
6進捗計算が t/0.08 → 外挿、(t-0.5)/0.01 → 即復帰。10秒のはずが 0.5秒で飛び出し 0.51秒で戻る。
フローの詳細は 旧サイトのデモ で確認できる。OffscreenCanvas と CanvasTexture の連携自体は堅牢だが、断片化の時間配分だけは調整が必要だと感じた。