Load 3D fbx file bear's game

Click here for free DL of the app version that can save data.

No:8731

176

←

Prev Next

→

Load 3D fbx file bear
Developer User4214｜Date and time 23/7/18 2:21:10
Build time 21.981 sec｜Game capacity 2.007KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

init();

// 読み込み
	function init() {
		//シーン
		let scene = new THREE.Scene();
		
		//中心線の追加
		scene.add(new THREE.AxesHelper(5))

//カメラの作成
		let camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 5000);
		//カメラセット
		camera.position.x = 200;
		camera.position.y = 300;
		camera.position.z = 500;
		//原点にセット
		camera.lookAt(new THREE.Vector3(0,0,0));

// 滑らかにカメラコントローラーを制御する
		const controls = new OrbitControls(camera, document.body);
		controls.enableDamping = true;
		controls.dampingFactor = 0.2;

//光源
		const dirLight = new THREE.SpotLight(0xffffff,1.5);//color,強度
		dirLight.position.set(-200, 300, 300);
		dirLight.castShadow = true;
		scene.add(dirLight);

//レンダラー
		let renderer = new THREE.WebGLRenderer({ 
			alpha: true,
			antialias: true
		});
		renderer.setSize(window.innerWidth, window.innerHeight);

const loader = new FBXLoader();
	
		loader.load( 'King.fbx', function ( object ) {
			object.scale.set(1, 1, 1)

scene.add( object );
		},
		(xhr) => {
//				console.log((xhr.loaded / xhr.total) * 100 + '% loaded')
			},
			(error) => {
				console.log(error)
			} );

//レンダラー実行関数
		function render() {
			renderer.render(scene, camera)
		}

//アニメーション処理
		function animate() {
			controls.update()
			render()
		
			requestAnimationFrame( animate );
		}
		
		animate()

document.getElementById("WebGL-output").appendChild(renderer.domElement);
	}
	
</script>