typescript+three : デモのコードを調整 (オブジェクトを原点に)

ics-creative · Aug 8, 2017 · fd0d74d · fd0d74d
1 parent d797f53
commit fd0d74d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/tutorial-typescript-three/build/bundle.js b/tutorial-typescript-three/build/bundle.js
@@ -81,9 +81,10 @@ window.addEventListener('DOMContentLoaded', function () {
     // シーンを作成
     var scene = new THREE.Scene();
     // カメラを作成
-    var camera = new THREE.PerspectiveCamera(45, 800 / 600, 1, 1000);
+    var camera = new THREE.PerspectiveCamera(45, 800 / 600, 1, 10000);
+    camera.position.set(0, 0, 1000);
     // 箱を作成
-    var geometry = new THREE.BoxGeometry(1, 1, 1);
+    var geometry = new THREE.BoxGeometry(250, 250, 250);
     var material = new THREE.MeshPhongMaterial({ color: 0xff0000 });
     var box = new THREE.Mesh(geometry, material);
     box.position.z = -5;

diff --git a/tutorial-typescript-three/build/bundle.js.map b/tutorial-typescript-three/build/bundle.js.map
diff --git a/tutorial-typescript-three/src/main.ts b/tutorial-typescript-three/src/main.ts
@@ -12,10 +12,11 @@ window.addEventListener('DOMContentLoaded', () => {
   const scene = new THREE.Scene();
 
   // カメラを作成
-  const camera = new THREE.PerspectiveCamera(45, 800 / 600, 1, 1000);
+  const camera = new THREE.PerspectiveCamera(45, 800 / 600, 1, 10000);
+  camera.position.set(0, 0, 1000);
 
   // 箱を作成
-  const geometry = new THREE.BoxGeometry(1, 1, 1);
+  const geometry = new THREE.BoxGeometry(250, 250, 250);
   const material = new THREE.MeshPhongMaterial({color: 0xff0000});
   const box      = new THREE.Mesh(geometry, material);
   box.position.z = -5;