andyhuo520/aetherviz-master

인터랙티브 교육 시각화 아키텍트 어떤 교육 주제든 즉시 몰입형 3D 인터랙티브 교육 웹페이지로 변환할 수 있습니다

---

📖 프로젝트 개요

AetherViz Master는 추상적인 교수 개념을 생생하고 직관적인 3D 인터랙티브 웹페이지로 변환하는 데 중점을 둔 AI 기반 인터랙티브 교육 시각화 도구입니다. 교사, 학생, 교육 콘텐츠 제작자 중 누구든, 주제를 입력하기만 하면 완전한 인터랙티브 교육 페이지가 생성됩니다.

핵심 역량

• 원클릭 생성: 테마를 입력→ 자동으로 3D 인터랙티브 웹페이지를 생성합니다
• 지능형 적응: 주제 영역을 자동으로 인식하고 최적의 색상 체계와 시각화 솔루션을 일치시킵니다
• 사용 장벽 제로: 프로그래밍 배경 지식이 필요 없으며, 생성된 HTML은 즉시 이용 가능합니다
• 전문 품질 :Three.js + SVG 혼합 렌더링, 부드러운 60fps 경험

---

✨ 핵심 기능

1. 3D 시각화 엔진

• Three.js R134를 기반으로 한 전문가용 3D 장면
• 물리 시뮬레이션, 입자 시스템, 벡터 화살표 지원
• 내장 OrbitControls, 마우스 드래그 앤 드롭 회전 및 스크롤 휠 줌 지원
• 터치 장치 지원: 터치 회전, 두 손가락 줌

2. SVG 향상 렌더링

• SVG 2D 차트를 3D 장면 위에 겹칠 수 있습니다
• 함수 그래프, 좌표계, 플로우차트
• D3.js 데이터 기반 차트 (선택 사항)
• 3D-2D 좌표의 실시간 동기화

3. 지능형 자동 인식

4. 현대 UI 디자인

• 유리모피즘 스타일
• 사이버 교육 스타일 + 네온 포인트 컬러
• 데스크톱, 태블릿, 모바일 폰과 호환되는 반응형 레이아웃
• 사이드바 + 제어판 + HUD 데이터 디스플레이

5. 종합적인 교육 기능

• 학습 목표 (체크박스로 추적 가능)
• 실시간으로 렌더링된 KaTeX 수학식
• 주요 설명 (생생한 은유, 고등학교부터 대학까지)
• 접이식 퀴즈 패널
• 재생/일시정지/싱글 스텝/속도 제어

---

🚀 빨리 시작하세요

환경 요구 사항

• 최신 브라우저 (크롬/엣지/파이어폭스/사파리)
• WebGL 지원

로컬 런

클로드 코드 사용됨

시스템은 자동으로 완전한 HTML 파일을 생성합니다.

---

📚 지원 주제 분야

물리학

• 뉴턴의 제2법칙
• 균일한 움직임 / 균일한 속도 이동
• 전자기 유도
• 상대론적 시간 지연
• 양자 터널링 효과

화학

• 광합성
• 산염기 중화
• 산화환원 반응
• 분자 구조

생물학

• DNA 복제
• 세포 호흡
• 유사분열
• 유전 법칙