🔄 クリック座標変換の3ステップ
ステップ1: ワールド座標
Raycasterで3D空間の交点を取得
intersection.point // 例: (150, 80, 50)
↓
ステップ2: ローカル座標
メッシュの逆行列で変換
localPoint = point.applyMatrix4(inverseMatrix)
↓
ステップ3: SVG座標
メッシュサイズに合わせて正規化
xSVG = ((localX + planeWidth/2) / planeWidth) * width
💡 この3ステップで、3Dメッシュのクリックを
HTML要素のクリックに変換できる