02. Simple Animation & GUI

01.Basic 화면에서 간단한 animation만 추가한 화면입니다. animation을 위해 render 함수를 주기적으로 호출하고 있습니다.

객체들의 동작이나 상태 조정을 위해 gui를 추가했으며, performance 체크를 위해 FPS status를 함께 출력합니다.

3d graphics에서 속도값이나 색상, 움직임의 변화값과 같은 수치는 미리 예측하여 결정하기 어렵기 때문에, 이와같은 gui를 통해 결과를 확인하며 수치값을 결정하는 것이 좋습니다.

이 정도가 Three.js를 개발하기 위한 가장 기본적인 요소들을 갖춘 boilerplate라고 하겠습니다.

 

Source