andyhuo520/aetherviz-master

インタラクティブ教育可視化アーキテクト どんな教育テーマでも即座に没入型の3Dインタラクティブ教育ウェブページに変身できます

---

📖 プロジェクト概要

AetherViz Masterは、抽象的な教育概念を鮮やかで直感的な3Dインタラクティブウェブページに変換することに焦点を当てたAIベースのインタラクティブ教育ビジュアライゼーションツールです。教師、学生、教育コンテンツクリエイターのいずれであっても、トピックを入力するだけで、完全なインタラクティブな教育ページが生成されます。

コアコンピテンシー

• ワンクリック生成:テーマを入力し→自動的に3Dインタラクティブなウェブページを生成します
• インテリジェント適応:自動的に対象領域を認識し、最適なカラースキームや可視化ソリューションをマッチングします
• 使用障壁ゼロ:プログラミングのバックグラウンドは不要、生成されたHTMLはすぐに利用可能です
• プロフェッショナル品質 :Three.js+SVGミックスレンダリング、滑らかな60fps体験

---

✨ コア機能

1.3D可視化エンジン

• Three.js R134を基にしたプロフェッショナルグレードの3Dシーン
• 物理シミュレーション、粒子系、ベクトルアローのサポート
• 内蔵のOrbitControls(マウスドラッグ&ドロップ回転、スクロールホイールズーム対応)
• タッチデバイス対応:タッチ回転、2本指ズーム

2.SVG強化レンダリング

• SVG 2Dチャートを3Dシーンに重ね合わせることができます
• 関数グラフ、座標系、フローチャート
• D3.js データ駆動型チャート(任意)
• 3D-2D座標のリアルタイム同期

3.インテリジェント自動認識

4.現代のUIデザイン

• グラスモルフィズムスタイル
• サイバー教育スタイル+ネオンアクセントカラー
• レスポンシブレイアウトで、デスクトップ、タブレット、携帯電話に対応しています
• サイドバー+コントロールパネル+HUDデータ表示

5.包括的な教育機能

• 学習目標(チェックボックスで追跡可能)
• リアルタイムでレンダリングされたKaTeX数学式
• 原理的説明(生き生きとした比喩、高校から大学レベル)
• 折りたたみ式クイズパネル
• 再生/一時停止/シングルステップ/速度制御

---

🚀 早く始めよう

環境要件

• 最新のブラウザ(Chrome/Edge/Firefox/Safari)
• WebGLのサポート

ローカルラン

クロードコード経由使用

システムは自動的に完全なHTMLファイルを生成します。

---

📚 支援科目

物理学

• ニュートンの第二法則
• 均一運動/一様速度運動
• 電磁誘導
• 相対論的時間遅延
• 量子トンネル効果

ケミストリー

• 光合成
• 酸塩基中和
• 酸化還元反応
• 分子構造

生物学

• DNA複製
• 細胞呼吸
• 有糸分裂
• 遺伝法則