19. 初期化 ①
コンテナ要素作成
container = document.createElement( 'div' );
document.body.appendChild( container );
カメラ作成
aspect = window.innerWidth / window.innerHeight;
camera = new THREE.PerspectiveCamera(50, aspect, 1, 10000);
camera.position.y = 300;
var point = new THREE.Vector3(0, 0, 0);
camera.target = point;
20. 初期化 ②
シーン作成
scene = new THREE.Scene();
ライト作成
var light = new THREE.DirectionalLight( 0xefefff, 2 );
light.position.set( 1, 1, 1 ).normalize();
scene.add(light);
ライトの設定とか
とても大切
21. 初期化 ③
モデルデータのロード
var data_path = '/js/horse.js';
var loader = new THREE.JSONLoader(true);
loader.load(data_path, function(geometry){
material = new THREE.MeshLambertMaterial( // 材質
{color: 0x606060,
morphTargets: true,
overdraw: 0.5
});
mesh = new THREE.Mesh(geometry, material); // メッシュ
mesh.scale.set(1.5, 1.5, 1.5);
scene.add(mesh);
});