React와 Three.js로 구현한 인터랙티브 3D 세포 아키텍처 스튜디오
Application·HTML1 / 0
React와 Three.js를 활용하여 식물, 백혈구 등 다양한 세포 구조를 3D로 탐색하고 학습할 수 있는 인터랙티브 갤러리 도구입니다.
주요 기능
- 식물 세포, 뉴런, 백혈구 등 7종의 세포 표본 뷰 제공
- 고정밀 GLB 모델 렌더링 및 텍스처 보존 기능
- 학습 프롬프트와 숙련도 추적이 포함된 AI 튜너 패널
- Playwright 기반의 브라우저 스크린샷 시각적 회귀 테스트
- 데스크톱 및 모바일 환경에 최적화된 반응형 레이아웃
어떻게 동작하는가
React 19와 Three.js를 결합하여 3D 캔버스를 기본 뷰로 구성하고, 외부 GLB 자산을 로드하거나 데이터 기반의 절차적 메쉬를 생성하여 실시간으로 렌더링합니다.
1.3k
Stars
265
Forks
+306
Trending
1
조회수
1.3k watchers8 open issues
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.