three.js 축과 격자

const ambientLight = new THREE.AmbientLight();
scene.add(ambientLight);

three.js의 AmbientLight를 추가하면 직선광과는 달리 전체적인 밝기가 올라간다.

 

 

// AxesHelper
const axesHelper = new THREE.AxesHelper(3);
scene.add(axesHelper);

three.js에서 축을 표시하기 위해 AxesHelper를 사용할 수 있다.

AxesHelper로 생성한 object또한 자체적인 position을 가지고 있다.

 

// GridHelper
const gridHelper = new THREE.GridHelper(2);
scene.add(gridHelper);

three.js에서 격자를 표시하기 위해 GridHelper를 사용하여 객체를 생성할 수 있다.