Labo 5 init

a0b1892c · Cedric.dosreis · 5687fdad · a0b1892c · a0b1892c · a0b1892c
Commit a0b1892c authored 5 years ago by Cedric.dosreis
--- a/lab5/src/lab5.html
+++ b/lab5/src/lab5.html
+<!-- Created by  Cedric Dos Reis 07-11-2019 -->
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+	<meta charset="UTF-8">
+		<title>Lab 5</title>
+		<style type="text/css">
+			body { margin: 0; }
+			canvas { width: 100%; height: 100% }
+		</style>
+	</head>
+	<body onload="main()">
+		<div id="main">
+		</div>
+		<script src="lib/three.js"></script>
+		<script src="lab5.js"></script>
+	</body>
+</html>
\ No newline at end of file
--- a/lab5/src/lab5.js
+++ b/lab5/src/lab5.js
+function main() {
+	var scene = new THREE.Scene();
+	var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
+	var renderer = new THREE.WebGLRenderer();
+	renderer.setSize(window.innerWidth, window.innerHeight);
+	document.body.appendChild(renderer.domElement)
+	
+	var geometry = new THREE.BoxGeometry(1,1,1);
+	var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
+	var cube = new THREE.Mesh(geometry, material);
+	scene.add(camera);
+	scene.add(cube);
+	camera.position.z = 3;
+	camera.position.x = 0;
+	camera.position.y = 0;
+	
+	/*var light = new THREE.AmbientLight( 0xff0000 ); // soft white light
+	scene.add( light );
+	var directionalLight = new THREE.DirectionalLight( 0xffffff, 0.5 );
+	scene.add( directionalLight );*/
+	
+	function render(){
+		requestAnimationFrame(render);
+		renderer.render(scene, camera);
+		cube.rotation.x += 0.01;
+		cube.rotation.y += 0.01;
+		cube.rotation.z += 0.01;
+	}
+	render();
+}
--- a/lab5/src/lib/three.js
+++ b/lab5/src/lib/three.js