Three.js 03 Camera - yoshiweb/labs GitHub Wiki

Three.js 03 カメラ

PerspectiveCamera

http://threejs.org/docs/#Reference/Cameras/PerspectiveCamera
透視投影 — 通常生活における物の見え方と同じ

var camera = new THREE.PerspectiveCamera( 45, width / height, 1, 1000 );
  • fov — 視野角 Camera frustum vertical field of view.
  • aspect — アスペクト比 Camera frustum aspect ratio.
  • near — レンダリングする範囲(近) Camera frustum near plane.
  • far — レンダリングする範囲(遠) Camera frustum far plane.
var camera = new THREE.PerspectiveCamera( 45, width / height, 1, 1000 );
camera.position.set(2, 3, 5); //カメラの位置
camera.lookAt(new THREE.Vector3(0, 0, 0));// カメラを向ける方向

https://yoshiweb.github.io/labs/html/threejs/basic/03-2.html https://yoshiweb.github.io/labs/html/threejs/basic/03-3.html

OrthographicCamera

http://threejs.org/docs/#Reference/Cameras/OrthographicCamera
正投影 — 物体の見た目の大きさが視点からの距離によらず、変わらない。(どこから見ても物体のサイズは同じ)

その他のカメラ

http://threejs.org/docs/#Reference/Cameras/Camera http://threejs.org/docs/#Reference/Cameras/CubeCamera