퍼블리싱/Three.js (1) 썸네일형 리스트형 기본요소 📌 기본 장면 구성요소(4) 1. Sence 장면,무대 2. Mesh 메쉬 - Geometry(모양) + Material(재질) 3. Camera 4. Light 📌 렌더링 순서 ✅ canvas 가져와서 렌더링 화면으로 지정하기 - 사이즈 : window.innerWidth, window.innerHeigth ✅ Scene 만들기 ✅ Camera 설정하기 ---> Scene 추가하기 ✅ Mesh 설정하기 ---> Scene 추가하기 ✅ 렌더링 👉 canvas : 렌더링 되는 공간 ✅ canvas 렌더링 화면으로 지정하기 const canvas = document.querySelector('#canvas'); const renderer = new THREE.WebGLRenderer({ canvas }); .. 이전 1 다음