init commit

jinpyojeon · Apr 25, 2017 · 8f78238 · 8f78238
commit 8f78238
Show file tree

Hide file tree

Showing 3 changed files with 913 additions and 0 deletions.
diff --git a/main.html b/main.html
@@ -0,0 +1,11 @@
+<html>
+
+<head>
+    <script type="text/javascript" src="src/three.min.js"></script>
+    <script type="text/javascript" src="main.js"></script>
+</head>
+
+<body>
+</body>
+
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,37 @@
+var scene, camera, renderer;
+var geometry, material, mesh;
+
+init();
+animate();
+
+function init() {
+
+    scene = new THREE.Scene();
+
+    camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 10000);
+    camera.position.z = 1000;
+
+    geometry = new THREE.BoxGeometry(200, 200, 200);
+    material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true });
+
+    mesh = new THREE.Mesh(geometry, material);
+    scene.add(mesh);
+
+    renderer = new THREE.WebGLRenderer();
+    renderer.setSize(window.innerWidth, window.innerHeight);
+
+    window.onload = function() {
+        document.body.appendChild(renderer.domElement);
+    }
+}
+
+function animate() {
+
+    requestAnimationFrame(animate);
+
+    mesh.rotation.x += 0.01;
+    mesh.rotation.y += 0.02;
+
+    renderer.render(scene, camera);
+
+}