xr843/insect-world

어떤 프로젝트인가요?

핵심 기능

• 01브라우저에서 곤충 모델 63종을 회전하고 확대·축소하며 핫스팟을 클릭할 수 있습니다
• 02외부 모델 파일 없이 코드로 모델을 절차적으로 생성합니다
• 03알, 유충, 번데기 등을 포함해 28종의 생활사 단계 모델을 제공합니다
• 04단면 보기, 외골격 투명도 조절, 종 간 나란히 비교 기능을 제공합니다
• 05설명 중인 부위로 카메라를 이동하는 단계별 학습 과정과 퀴즈를 제공합니다
• 06중국어 및 영어 버전과 라이트 테마 및 다크 테마를 제공합니다

활용 사례

• 교실이나 박물관에서 완전변태와 불완전변태를 가르치는 데 활용
• 곤충학을 공부하기 전에 곤충의 해부 구조를 시각적으로 살펴보는 데 활용
• 몸의 구조를 통해 흔한 곤충을 알아보는 방법을 학습하는 데 활용
• Three.js로 제작하는 3D 절차적 모델링 프로젝트의 참고 자료로 활용

빠른 시작

1. 1

   Node.js 22.13 이상을 설치한 다음 종속 항목을 설치하세요

   npm install
2. 2

   개발 서버를 시작하고 localhost:5178에서 사이트를 여세요

   npm run dev

사용 전 알아둘 점

• !63종에 대한 설명 대부분은 AI가 작성했으며, 그중 14종만 문헌을 바탕으로 일부 사실 확인을 거쳤습니다.
• !곤충학 전문가의 검토를 받지 않았으므로 참고 자료로 인용해서는 안 됩니다.

토픽

자주 묻는 질문

insect-world은(는) 무엇인가요?

브라우저에서 TypeScript와 Three.js로 63종의 곤충을 절차적으로 모델링한 인터랙티브 3D 도감으로, 모델 파일이 필요 없습니다. Insect World는 14개 목에 속하는 곤충 63종을 다루는 브라우저 기반 3D 도감입니다. 표본을 회전하고 확대·축소할 수 있으며, 색상 핫스팟을 클릭해 각 신체 부위에 관한 설명을 읽을 수 있습니다. 특정 부위에 초점을 맞추거나, 몸을 단면으로 자르거나, 외골격을 반투명하게 표시하거나, 두 종을 나란히 비교하는 도구도 제공합니다.

insect-world은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

insect-world은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

insect-world은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. insect-world의 마지막 커밋은 2026년 10월 17일입니다.

insect-world은(는) 어디에 사용할 수 있나요?

교실이나 박물관에서 완전변태와 불완전변태를 가르치는 데 활용 곤충학을 공부하기 전에 곤충의 해부 구조를 시각적으로 살펴보는 데 활용 몸의 구조를 통해 흔한 곤충을 알아보는 방법을 학습하는 데 활용 Three.js로 제작하는 3D 절차적 모델링 프로젝트의 참고 자료로 활용

insect-world는 어떻게 설치하나요?

Node.js 22.13 이상을 설치한 다음 종속 항목을 설치하세요: npm install 개발 서버를 시작하고 localhost:5178에서 사이트를 여세요: npm run dev

insect-world은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/xr843/insect-world