three.js 기본요소 익히기 - 기본장면만들기
재밌어보여서 학습해보는 three.js! three.js로 구현된것을 연극무대로 생각해보자 object하나하나를 mesh라고 한다. obejct는 저기 서있는 캐릭터 mesh 는 geometry(모양)+ material(재질) 로 구성이된다. 카메라. 카메라는 시야각을 가진다. 빛. three.js 필수요소는 아닌데 거의 다 사용이된다.(재질에 따라서 조명이 필요하고 아니고가 있다.) 얘네를 화면에 그려주는애? Renderer! three.js는 3차원이다. 3D 정면앞은 화살표라고 써져있는 쪽이 정면앞이다. x측은 좌우이동 오른쪽으로가면 + 왼쪽이면 - z측은 앞에있을수록 + 뒤에있음 - y축도 위로가면 + 밑으로가면 - Renderer만들기 기초 웹팩 작업을 끝낸 후, 필요한 요소들을 npm i 를 ..
Three.js
2022. 5. 27. 16:15