📊 WebGL+HTML統合システムフロー

1. モジュール初期化
3つのHTMLディスプレイモジュールを並列初期化
2. 画像遅延読み込み
表示中のパネルの画像のみ読み込み
3. HTML→SVG変換
各モジュールのHTMLをSVGに変換
4. テクスチャ作成
SVGをCanvasに描画、テクスチャ化
5. 3Dメッシュに適用
PlaneGeometryにテクスチャを適用
6. 3Dオブジェクト追加
トーラス、多面体、クリスタルを配置
7. インタラクション設定
Raycasterでクリック判定、動画コントローラー
8. レンダリングループ
モジュール別FPS制限(5fps、10fps、15fps)
ボタンを押してフローを開始