mrdoob/three.js

어떤 프로젝트인가요?

핵심 기능

• 01카메라, 지오메트리, 머티리얼, 메시를 포함하는 씬 그래프
• 02핵심 빌드에 포함된 WebGL 및 WebGPU 렌더러
• 03애드온으로 제공되는 SVG 및 CSS3D 렌더러
• 04npm에서 사용할 수 있고 브라우저에서 직접 실행 가능

활용 사례

• 웹에서 인터랙티브한 3D 시각화 또는 제품 뷰어 제작
• 브라우저 기반 게임이나 애니메이션 3D 장면 제작
• AR 및 VR 기기를 위한 WebXR 경험 개발

빠른 시작

1. 1

   다운로드 용량을 줄이려면 저장소를 shallow clone합니다

   git clone --depth=1 https://github.com/mrdoob/three.js.git
2. 2

   README 사용 예시대로 JavaScript 파일에서 THREE를 가져오고 씬, 카메라, WebGL 렌더러를 만듭니다

3. 3

   브라우저에서 페이지를 열어 회전하는 큐브를 확인합니다

사용 전 알아둘 점

• !모든 기록을 포함해 저장소를 전체 clone하면 용량이 약 2GB입니다.

토픽

자주 묻는 질문

three.js은(는) 무엇인가요?

WebGL과 WebGPU를 사용해 브라우저에서 3D 장면을 더 쉽게 만들고 렌더링할 수 있는 JavaScript 3D 라이브러리입니다. Three.js는 브라우저 전반에서 사용하기 쉽고 가벼운 범용 JavaScript 3D 라이브러리입니다. 장면, 카메라, 지오메트리, 머티리얼, 렌더러를 제공해 개발자가 WebGL 코드를 직접 작성하지 않고도 3D 콘텐츠를 만들 수 있습니다.

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

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

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

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

three.js은(는) 어디에 사용할 수 있나요?

웹에서 인터랙티브한 3D 시각화 또는 제품 뷰어 제작 브라우저 기반 게임이나 애니메이션 3D 장면 제작 AR 및 VR 기기를 위한 WebXR 경험 개발

three.js는 어떻게 설치하나요?

다운로드 용량을 줄이려면 저장소를 shallow clone합니다: git clone --depth=1 https://github.com/mrdoob/three.js.git README 사용 예시대로 JavaScript 파일에서 THREE를 가져오고 씬, 카메라, WebGL 렌더러를 만듭니다 브라우저에서 페이지를 열어 회전하는 큐브를 확인합니다

three.js은(는) 어디서 받을 수 있나요?

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