🔁 OffscreenCanvas と Mesh を繋ぐ 6 ステップ

1 SVG_TEMPLATE(width, height) で HTML/CSS を含んだ SVG を生成する。
2 OffscreenCanvas or canvas に描画し、CanvasTexture を new THREE.CanvasTexture(canvas) で作る。
3 PlaneGeometry(planeWidth, planeHeight) を用意し、透明度を扱う MeshBasicMaterial({ transparent: true }).
4 mesh.scale.set(displayOptions.scale, …) で 3D 空間に合わせたサイズへ調整する。
5 Raycaster から取得した uv を SVG 座標へ変換し、クリック時に interactiveElements を呼ぶ。
6 window.animationCallbacks に update を登録し、60fps 以内で needsUpdate を叩いてテクスチャを更新する。
旧サイトの midori252 デモページ では、この流れを mp4_control_Display / static_html_Display2 の 2 系統で同時に回しています。