klemenzarn · December 21, 2013 19:59
diff --git a/Learning2.html b/Learning2.html
 <!DOCTYPE html>
 <html>
 <head>
 	<title>Learning 1</title>
 	<script src='viewer/three.js'></script>
 	<script src="viewer/OBJLoader.js"></script>
 </head>
 <body>
 	<script>
 		var scene, camera, renderer;
 		var suzanna;

 		var WIDTH = window.innerWidth;
 		var HEIGHT = window.innerHeight;

 		init();
 		animate();

 		function init(){
 			scene = new THREE.Scene();

 			//postavimo kamero
 			camera = new THREE.PerspectiveCamera(55, WIDTH/HEIGHT,0.1,1000);
 			camera.position.z = 5;
 			camera.position.y = 1;

 			var ambient = new THREE.AmbientLight(0xfefefe);
 			scene.add(ambient);

 			//naredimo loading manager za texture, .obj 
 			var manager = new THREE.LoadingManager();
 			manager.onProgress = function(item, loaded, total) {
 				console.log(item, loaded, total);
 			};

 			texture = new THREE.Texture();

 			//naložimo texturo
 			var loader1 = new THREE.ImageLoader(manager);

 			loader1.load('tex2.jpg', function(image) {
 				texture.image = image;
 				texture.needsUpdate = true;
 				texture.magFilter = THREE.NearestFilter;
 				texture.minFilter = THREE.NearestMipMapLinearFilter;
 			});

 			loader = new THREE.OBJLoader(manager);
 			loader.load('suzanne.obj', function(event) {
 			var object = event;
 			object.traverse(function(child) {
 				if ( child instanceof THREE.Mesh) {
 					child.material.map = texture;
 				}
 			});
 				object.position.x = 0;
 				object.position.y = 0.5;
 				object.position.z = 0;
 				suzanna = object;
 				scene.add(object);
 			});

 			//naredimo renderer
 			renderer = new THREE.WebGLRenderer();
 			renderer.setSize(WIDTH,HEIGHT);

 			//canvas pripnemo v body
 			document.body.appendChild(renderer.domElement);
 		}

 		function animate(){
 			requestAnimationFrame(animate);
 			suzanna.rotation.y += 0.02;
 			renderer.render(scene, camera);
 		}
 	</script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Learning 1</title>
	<script src='viewer/three.js'></script>
	<script src="viewer/OBJLoader.js"></script>
	</head>
	<body>
	<script>
	var scene, camera, renderer;
	var suzanna;

	var WIDTH = window.innerWidth;
	var HEIGHT = window.innerHeight;

	init();
	animate();

	function init(){
	scene = new THREE.Scene();

	//postavimo kamero
	camera = new THREE.PerspectiveCamera(55, WIDTH/HEIGHT,0.1,1000);
	camera.position.z = 5;
	camera.position.y = 1;

	var ambient = new THREE.AmbientLight(0xfefefe);
	scene.add(ambient);

	//naredimo loading manager za texture, .obj
	var manager = new THREE.LoadingManager();
	manager.onProgress = function(item, loaded, total) {
	console.log(item, loaded, total);
	};

	texture = new THREE.Texture();

	//naložimo texturo
	var loader1 = new THREE.ImageLoader(manager);

	loader1.load('tex2.jpg', function(image) {
	texture.image = image;
	texture.needsUpdate = true;
	texture.magFilter = THREE.NearestFilter;
	texture.minFilter = THREE.NearestMipMapLinearFilter;
	});

	loader = new THREE.OBJLoader(manager);
	loader.load('suzanne.obj', function(event) {
	var object = event;
	object.traverse(function(child) {
	if ( child instanceof THREE.Mesh) {
	child.material.map = texture;
	}
	});
	object.position.x = 0;
	object.position.y = 0.5;
	object.position.z = 0;
	suzanna = object;
	scene.add(object);
	});

	//naredimo renderer
	renderer = new THREE.WebGLRenderer();
	renderer.setSize(WIDTH,HEIGHT);

	//canvas pripnemo v body
	document.body.appendChild(renderer.domElement);
	}

	function animate(){
	requestAnimationFrame(animate);
	suzanna.rotation.y += 0.02;
	renderer.render(scene, camera);
	}
	</script>
	</body>
	</html>