THREE.PerspectiveCamera => THREE.Camera => THREE.Object3D ( THREE.Camera の持つメソッドは、lookAt のみ )
| fov | 垂直方向の視野角(45〜50くらい) |
| aspect | 描画範囲の縦横比 |
| near | 視点からどれだけ離れた位置から表示するか |
| far | 視点からどれだけ離れた位置まで表示するか |
THREE.PerspectiveCamera = function ( fov, aspect, near, far ) {
THREE.Camera.call( this );
this.fov = fov !== undefined ? fov : 50;
this.aspect = aspect !== undefined ? aspect : 1;
this.near = near !== undefined ? near : 0.1;
this.far = far !== undefined ? far : 2000;
this.updateProjectionMatrix();
};
参考ページ メソッド setLens( focalLength, frameHeight ) 焦点距離とフレーム高さ setViewOffset( fullWidth, fullHeight, x, y, width, height ) ( このモードを抜けるには、fullWidth に undefined をセットすると良いみたいです ) +---+---+---+ | A | B | C | +---+---+---+ | D | E | F | +---+---+---+ var w = 1920; var h = 1080; var fullWidth = w * 3; var fullHeight = h * 2; --A-- camera.setOffset( fullWidth, fullHeight, w * 0, h * 0, w, h ); --B-- camera.setOffset( fullWidth, fullHeight, w * 1, h * 0, w, h ); --C-- camera.setOffset( fullWidth, fullHeight, w * 2, h * 0, w, h ); --D-- camera.setOffset( fullWidth, fullHeight, w * 0, h * 1, w, h ); --E-- camera.setOffset( fullWidth, fullHeight, w * 1, h * 1, w, h ); --F-- camera.setOffset( fullWidth, fullHeight, w * 2, h * 1, w, h ); ※ メソッドは未テストです
|
|
【Three.js : ベーシックの最新記事】
- 2012年04月21日 時点の Three.js の WebGL チェックと 2014年 7月17日(r68) のチェック
- Three.js : マテリアルで設定される overdraw: true は、セグメントの境界である白い線を消す機能です
- Three.js(r57) : THREE.Texture のプロパティの意味
- できる限りだれでも Three.js を楽しめるように、Three.js の基本コードをできる限り簡単にして、オブジェクトやアニメーション部分をホスティングしてみました
- Three.js では、複数のオブジェクトを一つの Object3D に追加して一括管理します。
- Three.js の名前空間でユーザオブジェクトを作って、Three.js の基本を再確認する
- Three.js(51) でPlane(平面)。但し、ブログで動作するのは Canvas のみ(画像が別ドメインでも動く)。★ Google Chrome ではスクロールバーが効かなくなるのでキーボー..
- Three.js : 平面、球面、フォントと来て、次はキューブですね
- Three.js : 日本語フォントの立体表示
- Three.js の球体のテクスチャに透過部分のある画像を使って表示
- Three.js(Canvas) : 2平面(それぞれ裏表としてテクスチャ)、MeshBasicMaterial に overdraw: true をセットする意味と、Texture オブジェクトを ..




























