andyhuo520/aetherviz-master
Code reviewThis page was translated automatically. Technical details may differ from the original. View the original
AetherViz Master – Interactive Educational Visualization Architect, transforming any teaching topic into an immersive 3D interactive webpage
Overview
AetherViz Master is an AI-based interactive educational visualization tool focused on transforming abstract teaching concepts into vivid, intuitive 3D interactive web pages. Whether you are a teacher, student, or educational content creator, simply enter a topic and it will generate a complete, interactive teaching page for you. - : Enter theme → Automatically generate 3D interactive web pages - : Automatically identify subject areas, match optimal color schemes and visualization solutions - No programming background required, generated HTML is available directly - :Three.js + SVG mixed rendering, smooth 60fps experience - Professional-grade 3D scenes based on Three.js R134 - supports physics simulation, particle systems, vector arrows - built-in OrbitControls, supports mouse drag-and-drop rotation, scroll wheel zoom - touch device support: touch rotation, two-finger zoom - SVG 2D charts can be overlaid on 3D scenes - function images, coordinate systems, flowcharts - D3.js data-driven charts (optional) - real-time synchronization of 3D-2D coordinates - Glassmorphism style - Cyber education style + Neon accent colors - responsive layout, compatible with desktop/tablet/phone - sidebar + control panel + HUD data display - Learning objectives (trackable with checkboxes) - Real-time rendering of KaTeX math formulas - Principle explanations (vivid metaphors, high school to university level) - Collapsible quiz panel - Play/pause/single step/speed control - Modern browsers (Chrome/Edge/Firefox/Safari) - supports WebGL - Newton's Second Law - Uniform motion / Uniform speed motion - Electromagnetic induction - Relativistic time dilation - Quantum tunneling effect
Overview (machine translated)
Interactive educational visualization architect Instantly transform any teaching topic into an immersive 3D interactive teaching webpage
📖 Project Overview
AetherViz Master is an AI-based interactive educational visualization tool focused on transforming abstract teaching concepts into vivid, intuitive 3D interactive web pages. Whether you are a teacher, student, or educational content creator, simply enter a topic and it will generate a complete, interactive teaching page for you.
Core Competencies
- One-Click Generation: Enter a theme → automatically generate a 3D interactive web page
- Intelligent Adaptation: Automatically recognizes subject areas and matches the best color schemes and visualization solutions
- Zero Barrier to Use: No programming background required, generated HTML is available immediately
- Professional Quality :Three.js + SVG mixed rendering, smooth 60fps experience
✨ Core Features
1. 3D visualization engine
- Professional-grade 3D scenes based on Three.js R134
- Supports physics simulation, particle systems, vector arrows
- Built-in OrbitControls, supporting mouse drag-and-drop rotation and scroll wheel zoom
- Touch device support: touch rotation, two-finger zoom
2. SVG enhanced rendering
- SVG 2D charts can be overlaid onto 3D scenes
- Function graphs, coordinate systems, flowcharts
- D3.js Data-driven charts (optional)
- Real-time synchronization of 3D-2D coordinates
3. Intelligent automatic recognition
| Recognition Dimension | Description |
|---|---|
| Subject Recognition | Physics/Chemistry/Biology/Mathematics/Astronomy/Programming, automatically switching color themes |
| Rendering Scheme | Automatically selects Three.js / SVG / Blend modes based on keywords |
| Language Adaptation | Automatically detects Chinese/English and outputs the corresponding language |
4. Modern UI design
- Glassmorphism style
- Cyber education style + neon accent colors
- Responsive layout, compatible with desktop, tablet, and mobile phones
- Sidebar + Control Panel + HUD Data Display
5. Comprehensive teaching functions
- Learning objectives (trackable with checkboxes)
- KaTeX mathematical formulas rendered in real time
- Principle explanation (vivid metaphor, high school to university level)
- Foldable quiz panel
- Play/pause/single step/speed control
🚀 Get Started Quickly
Environmental Requirements
- Modern browsers (Chrome/Edge/Firefox/Safari)
- Supports WebGL
Local Run
Used via Claude Code
The system will automatically generate a complete HTML file.
📚 Supported subject areas
Physics
- Newton’s Second Law
- Uniform motion / uniform speed movement
- Electromagnetic induction
- Relativistic time dilation
- Quantum tunneling effect
Chemistry
- Photosynthesis
- Acid-base neutralization
- Redox reactions
- Molecular structure
Biology
- DNA replication
- Cellular respiration
- Mitosis
- Genetic laws
This page was translated automatically. Technical details may differ from the original.
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add andyhuo520/aetherviz-master