sparkjsdev/spark

어떤 프로젝트인가요?

핵심 기능

• 01THREE.js 파이프라인에 통합되어 스플랫과 메시를 하나의 씬에서 함께 사용할 수 있습니다
• 02압축 PLY를 포함한 PLY, SPZ, SPLAT, KSPLAT, SOG 형식을 지원합니다
• 03여러 스플랫 객체를 올바른 정렬 순서로 함께 렌더링합니다
• 04WebGL2를 대상으로 하며 모바일을 포함한 다양한 기기에서 실행됩니다
• 05스플랫별 변환, 색상 편집, 변위, 스켈레탈 애니메이션을 지원합니다
• 06스플랫을 생성하고 편집할 수 있는 GPU 셰이더 그래프를 제공합니다

활용 사례

• THREE.js로 만든 웹 페이지에서 포토그래메트리 또는 캡처한 3D 장면을 보여주기
• 인터랙티브 3D 경험에서 스플랫 스캔을 메시 기반 소품이나 UI와 결합하기
• 브라우저에서 캡처한 객체에 애니메이션을 적용하거나 색을 바꾸기
• 웹을 통해 모바일 사용자에게 스플랫 뷰어 제공하기

빠른 시작

1. 1

   npm에서 패키지를 설치하세요

   npm install @sparkjsdev/spark
2. 2

   또는 README의 HTML 예제를 index.html 파일에 복사한 다음 브라우저에서 여세요

사용 전 알아둘 점

• !소스에서 빌드하려면 Rust를 설치하고 별도의 WebAssembly 빌드 단계를 실행해야 합니다.

토픽

자주 묻는 질문

spark은(는) 무엇인가요?

일반 메시와 스플랫 장면을 같은 씬에서 함께 렌더링하는 THREE.js용 3D Gaussian Splatting 렌더러입니다. Spark는 3D Gaussian Splatting을 THREE.js에서 사용할 수 있게 해주는 렌더링 라이브러리입니다. THREE.js 렌더링 파이프라인에 통합되므로 스플랫 객체와 메시 기반 객체를 하나의 씬에서 올바른 정렬 순서로 그릴 수 있으며, 여러 스플랫 객체도 함께 렌더링할 수 있습니다.

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

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

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

활발히 유지보수 중. spark의 마지막 커밋은 2026년 10월 20일입니다.

spark은(는) 어디에 사용할 수 있나요?

THREE.js로 만든 웹 페이지에서 포토그래메트리 또는 캡처한 3D 장면을 보여주기 인터랙티브 3D 경험에서 스플랫 스캔을 메시 기반 소품이나 UI와 결합하기 브라우저에서 캡처한 객체에 애니메이션을 적용하거나 색을 바꾸기 웹을 통해 모바일 사용자에게 스플랫 뷰어 제공하기

spark는 어떻게 설치하나요?

npm에서 패키지를 설치하세요: npm install @sparkjsdev/spark 또는 README의 HTML 예제를 index.html 파일에 복사한 다음 브라우저에서 여세요

spark은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/sparkjsdev/spark