3D空間で2つの三角形間の最近点検出を実装したインタラクティブなWebアプリケーションを作成します。Three.jsを使用して3D描画を行い、マウスでカメラ制御と三角形の頂点操作ができるようにします。3D空間での2つの三角形間の最近点検出システムを作成しました。主な機能は以下の通りです： **主要機能：** - **三角形表示**: 緑色と青色の半透明な三角形を3D空間に配置 - **最近点検出**: 2つの三角形間の最短距離の点を赤い球で表示し、赤い線で結ぶ - **リアルタイム計算**: 頂点を移動すると最近点が即座に更新される **操作方法：** 1. **カメラ操作モード**（デフォルト）: - 左ドラッグ: カメラを回転 - 右ドラッグ: カメラを平行移動 - マウスホイール: ズームイン/アウト 2. **頂点操作モード**: - 緑の三角形（三角形1）の黄色い頂点球をドラッグして移動可能 - 頂点A、B、Cボタンで特定の頂点を選択可能 **技術的特徴：** - **最近点アルゴリズム**: 三角形間、線分間、点と三角形間の全ての組み合わせを考慮した包括的な最短距離計算 - **重心座標**: 三角形内の点の計算に使用 - **リアルタイム更新**: 頂点移動時に最近点とその距離を即座に再計算 - **視覚的フィードバック**: 現在の最短距離を画面に表示 左上のコントロールパネルで操作モードを切り替えて、インタラクティブに三角形を操作しながら最近点の変化を観察できます。