mintdotgg/mint-playground
Open-source Three.js experiences built with Mint MCP and Mint Three.js Skills
해결하는 문제
Mint MCP 자산 파이프라인과 Mint Three.js 스킬 코딩 워크플로우의 능력을 보여주는 오픈소스 3D 웹 경험의 컬렉션을 제공합니다.
작동 방식
이 프로젝트는 인터랙티브한 쇼룸과 게임, 데이터 시각화, 생산성 도구를 포함한 다양한 Three.js 기반 애플리케이션으로 구성되어 있습니다. 이러한 경험들은 Mint 생태계를 통해 개발된 3D 자산과 코딩 패턴을 활용하여 브라우저에서 고해상도의 인터랙티브 환경을 구축합니다.
대상 사용자
Three.js, React Three Fiber, 그리고 현대적인 자산 파이프라인을 사용하여 몰입형 3D 웹 경험을 구축하고자 하는 개발자와 디자이너를 위한 것입니다.
주요 특징
- 다양한 경험 유형: 아케이드 게임(농구, 스노보드, 축구), 라이프 시뮬레이션(고대 섬, 농업), 인터랙티브 쇼룸(스니커즈, 가구, 로봇)을 포함합니다.
- 고급 시각 효과: 탐색용 및 미니골프용 가우시안 스플래트 월드, 3D 음악 플레이어용 오디오 반응형 시각 효과를 특징으로 합니다.
- 실용적 응용: 전자상거래 컨피규레이터, 샌프란시스코 테니스 시설에 대한 시민 데이터 아틀라스, 개인 재정 시뮬레이션을 위한 3D 구현을 보여줍니다.
- 생산성 도구: 3D 주간 플래너와 로컬 우선 메모리 아카이브 별자리가 포함되어 있습니다.
관련
- 프로젝트
PhiloLabs/fable51-worldsAI 에이전트 스웜을 사용하여 텍스트, 이미지 또는 비디오로부터 보행 가능한 3D 월드를 생성하고, 이를 브라우저 기반의 Three.js 애플리케이션으로 렌더링하는 시스템입니다.
- 프로젝트
scottstts/Threejs-Awesome-Graphics-Agent-SkillsThreejs‑Awesome‑Graphics‑Agent‑Skills는 고급 시각 효과(절차적 머티리얼, 사실적인 바다, 볼류메트릭 클라우드, 레이마칭 우주 장면 등)를 위한 즉시 사용 가능한 고품질 Three.js 코드 스니펫("스킬")을 번들로 제공하는 npm 패키지입니다. AI 코딩 어시스턴트(Codex, Claude Code, Cursor 등)가 기대하는 디렉터리 레이아웃에 이러한 스니펫을 설치하여 사용자가 "멋진 그래픽"을 요청할 때 에이전트가 검증된 구현을 복사하여 붙여넣을 수 있습니다. 이 저장소에는 예제 갤러리, 검증 스크립트 및 결정적 캡처 파이프라인이 포함되어 있어 개발자와 AI 지원 워크플로우에 실용적인 리소스입니다.
- 프로젝트
HRuiCcc/RuiC-card-skill텍스트나 이미지를 깊이와 반짝임이 있는 인터랙티브 3D 홀로그램 카드로 변환하는 자동화 파이프라인으로, 웹 뷰어와 편집 가능한 Blender 프로젝트를 모두 제공합니다.
- 프로젝트
huggingface/gsplat.js브라우저에서 3D Gaussian Splatting 데이터를 렌더링하기 위한 JavaScript 라이브러리로, three.js와 유사한 고수준 API를 제공합니다.
- 프로젝트
sparkjsdev/sparkSpark는 THREE.js에 실시간 3D 가우시안 스플래팅(Gaussian-splatting) 렌더링을 추가하는 MIT 라이선스 오픈 소스 라이브러리입니다. WebGL2를 지원하는 거의 모든 기기에서 작동하며, 다양한 splat 파일 형식을 지원하고 동적 편집, 다중 뷰 렌더링 및 셰이더 그래프 시스템을 제공합니다. CDN 또는 npm을 통해 설치하거나 로컬에서 빌드(Rust → WASM)할 수 있습니다. World Labs에서 제작했습니다.