BaeBox

Matrix : Threejs가 사용하는 3D 형태를 정의하는 행렬. (위치, 회전률, 비례(크기조정?)) 모든 Object3D 객체는 위치, 회전률, 투사비율값을 가지는 matrix 를 가진다. 즉, 요놈을 update 하면 Object의 변경사항이 적용된다!! Object3D 는 세 가지의 Matrix 를 가지는데, Matrix Type Description Object3D.matrix object 자기 자신만의 상태값 가진다. 이 값은 부모값에 대하여 상대적이다. Object3D.matrixWorld object 의 global 혹은 world(즉, 전체)의 상태값을 가진다. parrent 가 없다면 world 와 같은 값을 가진다. Object3D.modelViewMatrix 카메라의 coordi..

만사불여튼튼이라고 했다. 기초지만 정말 중요하다. 이거 모르면 three.js 를 이용해서 아무것도 못하니까 잘 알아두자. Scene : 물체, 카메라 및 조명을 배치할 수 있는 3D 공간. 크기를 지정 가능. 그냥 화면이다. Camera : 실생활의 카메라와 같음. 카메라의 위치와 카메라가 향하는 방향에 따라 화면에 렌더링되는 부분이 결정됨. 보는 위치 및 시야각 카메라를 설정할 때 수직 시야(fov), 종횡비, 근거리 및 원거리를 전달해야 함. 이 네 개의 값은 카메라로 캡처할 수 있는 3D 공간을 나타냄. 즉, 보고자 하는 영역(범위) fov : 수직 시야 aspect : 세로를 기준으로 가로 시야를 만드는데 사용하는 가로 세로 비율 near : 카메라의 시점이 시작되는 위치 far : 카메라의 시..