xr843/insect-world

해결하는 문제

이 프로젝트는 63종의 곤충을 위한 인터랙티브 웹 기반 3D 백과사전을 제공합니다. 정적이고 상호작용이 불가능한 생물학적 삽화의 문제를 해결하며, 사용자가 브라우저 인터페이스를 통해 곤충의 해부학적 구조, 생애 주기, 생태학적 역할을 회전, 확대 및 탐색할 수 있도록 합니다.

작동 원리

무거운 사전 제작 모델 파일에 의존하는 기존 3D 프로젝트와 달리, 이 프로젝트는 TypeScript와 Three.js 라이브러리를 사용하여 모든 곤충의 3D 지오메트리를 프로그래밍 방식으로 생성합니다. 매개변수 지오메트리(예: 신체 마디, 부속지, 날개 맥)를 통해 곤충을 정의함으로써 가볍고 확장 가능하며 일관된 시각적 스타일을 구현합니다. 브라우저에서 실시간으로 실행되는 '분리'(부품 집중), '레이어'(투명도), '퀴즈' 모드와 같은 인터랙티브 기능을 포함합니다.

대상 사용자

곤충의 형태와 생애 단계를 인터랙티브한 방식으로 배우고자 하는 학생, 교육자, 자연 애호가를 위해 설계되었습니다. 특히 웹 그래픽(WebGL/Three.js)과 교육 콘텐츠의 교차점에 관심이 있는 분들에게 유용합니다.

주요 특징

• 제로 에셋 파일: 모든 곤충이 코드를 통해 생성되므로 외부 3D 모델 파일이 필요하지 않습니다.
• 생애 주기 시각화: 28종에 대해 74개의 고유한 생애 단계 모델(알, 유충, 번데기, 성충)을 제공하며, 나비의 우화와 같은 동적 애니메이션을 포함합니다.
• 이중 시각 테마: '표본 테이블'(라이트 모드)과 '박물관의 밤'(다크 모드) 미학을 제공합니다.
• 교육 도구: 사용자가 종을 구별하는 데 도움이 되는 인터랙티브 퀴즈, 단계별 가이드 투어, 비교 뷰를 포함합니다.
• 고품질 테스트: 4,000개 이상의 테스트를 포함하여 형태적 정확성, 앵커 포인트 배치 및 데이터 일관성을 보장합니다.