웹 디자인 참고

Three.js

JavaScript로 3D 장면·카메라·조명·재질을 구성하는 라이브러리입니다. 제품 뷰어나 개념 설명용 인터랙션을 직접 개발할 때 활용합니다.

예를 들어 · 웹페이지에서 돌려보는 3D 제품 모형 제작

사용 기기
WebGL·WebGPU 지원 브라우저 · 개발 환경
시작 난이도
개발용 · JavaScript·3D 개념 필요
무료 범위
MIT 라이선스의 무료 라이브러리입니다. 자체 렌더링에 AI API가 필요하지 않으며 3D 모델·텍스처·글꼴·호스팅 비용과 권리는 별도입니다.

처음 시작하는 순서

  1. 공식 예제에서 장면·카메라·렌더러 구성을 익힙니다.
  2. 권한이 있는 간단한 도형이나 모델로 화면을 만듭니다.
  3. PC·모바일에서 조작·성능·텍스트 설명을 확인합니다.

완성형 AI 제작 앱이 아닙니다. 브라우저·GPU별 지원 차이가 있고 복잡한 장면은 모바일에서 부담이 커질 수 있으므로 대상 기기에서 확인하세요.

공식 사이트 · 설치 안내

공식 설명 확인 · 2026-10-25 / 직접 사용 검증 전

로고 출처·라이선스 ↗

← 다른 도구도 살펴보기