[three.js] 렌더링과 인터랙션
모든 것을 다 정의했으니 이제 렌더링 해보겠습니다.렌더러도 여러 종류가 있지만 보통 WebGLRenderer를 사용합니다. 코드를 보시면 antialias에 true를 전달한 것이 보이시죠?예전 게임들 보시면 캐릭터 등 모양이 각져 있는 것을 볼 수 있는데, 이는 사각형 점을 찍어서 모양을 나타내기 때문입니다. antialias는 형체의 끝부분과 연결된 부분을 배경색과 형체색의 중간색으로 해서 이 각진 부분을 부드럽게 만들어 주는 것입니다. 저는 이 옵션을 사용하겠다고 전달한 것입니다. 렌더링할 사이즈(캔버스의 크기)를 설정하신 다음 body태그에 renderer.domElement를 자식으로 추가해주시면 됩니다. renderer.domElement는 우리가 그린 것들이 담겨 있는 캔버스 태그입니다. 이..
Frontend-dev/HTML-CSS-JS
2018. 12. 22. 02:15