Three.js 설치하기

Three.js를 설치하는 방법은 크게 4가지가 있다.

1️⃣ 그냥 다운로드하기

Three.js 홈페이지의 좌측 메뉴에 있는 download 버튼을 클릭하면 바로 파일이 다운 받아진다.

아래의 파일 중에 하나를 연결하여 작업하면 된다.

👉 three.js : 일반적인 라이브러리

👉 three.min.js : 압축버전

👉 three.module.js : 모듈방식으로 개발할 수 있는 라이브러리

 

2️⃣ CDN을 통한 설치

<script type="module">

  // Find the latest version by visiting https://cdn.skypack.dev/three.

  import * as THREE from 'https://cdn.skypack.dev/three@<version>';

  const scene = new THREE.Scene();

</script>

3️⃣ npm으로 설치하기

npm install --save three

4️⃣ 보일러 플레이트 활용

git clone https://github.com/aakatev/three-js-webpack.git

https://github.com/aakatev/three-js-webpack

GitHub - aakatev/three-js-webpack: Boilerplate for Three JS project

보일러 플레이트란?

최소한의 변경으로 여러 곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드를 의미한다. 개발자들에게 불필요하고 복잡한 반복적인 일들을 하지 않도록 도와준다.