장소와 시간에 따른 밤하늘을 브라우저에서 재현하는 오프라인 지원 인터랙티브 웹 앱입니다.
s010s/prehistoric-animal-museum
어린이와 보호자가 육지·바다·하늘의 선사시대 동물을 둘러볼 수 있는 무료 이중 언어 3D 브라우저 박물관입니다.
- 스타
- 1,146
- 포크
- 138
- 열린 이슈
- 3
- 마지막 커밋
- 그저께
어떤 프로젝트인가요?
Prehistoric Animal Museum은 공룡, 익룡, 해양 파충류를 비롯해 육지·바다·하늘에 살았던 여러 선사시대 동물을 전시하는 브라우저 기반 3D 공간입니다. 방문객은 드래그로 모형을 돌리고 확대해 볼 수 있으며, 자동으로 재생되지 않는 짧은 영어 또는 중국어 표준어 해설을 선택할 수 있습니다. 보호자용 안내에는 동물이 살았던 시기, 화석이 발견된 지역, 크기, 먹이, 분류 등의 정보가 담겨 있습니다.
이 프로젝트는 주로 보호자와 함께 이용하는 2~6세 어린이를 대상으로 합니다. 계정, 광고, 분석 스크립트, 유료 이용 제한이 없으며, 박물관 이용 중 외부 AI·광고·분석 서비스에 런타임 호출을 보내지 않습니다. 첫 방문 시 기기 언어를 따르며, 영어와 중국어 간체로 전환할 수 있고 각 언어별 공유 링크도 제공됩니다.
코드베이스는 TypeScript, React, WebGL 기반 Three.js로 구성되어 있습니다. 로컬에서 개발하려면 Node.js 20.19 이상이 필요하며, 저장소에는 lint, typecheck, unit, build, end-to-end 테스트 명령이 포함되어 있습니다. 코드는 AGPL-3.0 라이선스이며, 독창적인 박물관 콘텐츠는 CC BY-NC-SA 4.0을 따릅니다.
핵심 기능
- 01터치나 마우스로 회전하고 확대할 수 있는 인터랙티브 3D 모형.
- 02방문객이 직접 재생하는 짧은 영어 및 중국어 표준어 해설.
- 03생존 시기, 화석 발견 지역, 크기, 먹이, 분류를 다루는 보호자용 안내.
- 04휴대폰, 태블릿, 데스크톱에 대응하는 반응형 레이아웃과 키보드 탐색 및 동작 줄이기 지원.
- 05로그인, 추적, 외부 AI·광고·분석 서비스에 대한 런타임 호출이 없습니다.
활용 사례
- 가정에서 보호자와 어린아이가 함께 공룡을 둘러보는 경우.
- 차분한 분위기의 이중 언어 공룡 전시를 화면으로 제공하려는 유치원이나 유아 교육 현장.
- 이중 언어 콘텐츠와 엄격한 개인정보 보호 방침을 갖춘 Three.js 및 React 프로젝트를 살펴보려는 개발자.
빠른 시작
- 1
Node.js 20.19 이상을 설치합니다
- 2
종속성을 설치합니다
npm ci - 3
로컬 개발 서버를 시작합니다
npm run dev
사용 전 알아둘 점
- 코드는 AGPL-3.0 라이선스가 적용됩니다. 이는 카피레프트 라이선스로, 네트워크를 통해 제공되는 수정본도 동일한 조건으로 공유해야 합니다.
- 박물관용 원본 글, 내레이션, 전시 배경 자료는 CC BY-NC-SA 4.0 라이선스가 적용되며, 상업적 이용이 금지됩니다.
토픽
자주 묻는 질문
- prehistoric-animal-museum은(는) 무엇인가요?
- 어린이와 보호자가 육지·바다·하늘의 선사시대 동물을 둘러볼 수 있는 무료 이중 언어 3D 브라우저 박물관입니다. Prehistoric Animal Museum은 공룡, 익룡, 해양 파충류를 비롯해 육지·바다·하늘에 살았던 여러 선사시대 동물을 전시하는 브라우저 기반 3D 공간입니다. 방문객은 드래그로 모형을 돌리고 확대해 볼 수 있으며, 자동으로 재생되지 않는 짧은 영어 또는 중국어 표준어 해설을 선택할 수 있습니다. 보호자용 안내에는 동물이 살았던 시기, 화석이 발견된 지역, 크기, 먹이, 분류 등의 정보가 담겨 있습니다.
- prehistoric-animal-museum은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- prehistoric-animal-museum은(는) AGPL-3.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- prehistoric-animal-museum은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. prehistoric-animal-museum의 마지막 커밋은 2026년 10월 18일입니다.
- prehistoric-animal-museum은(는) 어디에 사용할 수 있나요?
- 가정에서 보호자와 어린아이가 함께 공룡을 둘러보는 경우. 차분한 분위기의 이중 언어 공룡 전시를 화면으로 제공하려는 유치원이나 유아 교육 현장. 이중 언어 콘텐츠와 엄격한 개인정보 보호 방침을 갖춘 Three.js 및 React 프로젝트를 살펴보려는 개발자.
- prehistoric-animal-museum는 어떻게 설치하나요?
- Node.js 20.19 이상을 설치합니다 종속성을 설치합니다: npm ci 로컬 개발 서버를 시작합니다: npm run dev
- prehistoric-animal-museum은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/s010s/prehistoric-animal-museum
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
브라우저에서 TypeScript와 Three.js로 63종의 곤충을 절차적으로 모델링한 인터랙티브 3D 도감으로, 모델 파일이 필요 없습니다.
플레이 가능한 완성도 높은 Three.js 브라우저 게임 제작을 돕는 Codex·Claude Code 에이전트 스킬 9종과 작업 분배 디렉터 스킬
NotebookLM에서 영감을 받아 학습 자료를 퀴즈, 플래시카드, 코넬식 노트, 팟캐스트로 바꾸는 오픈소스 AI 학습 플랫폼
참조 이미지 한 장에서 메시 파일이 아닌 애니메이션 가능한 절차적 Three.js TypeScript 코드를 생성합니다.
react-three-fiber로 3D 씬을 만들 때 사용하는 바로 쓸 수 있는 React 헬퍼 컴포넌트와 훅 모음입니다.