vor 12 Jahren · 3133c0b5f5
--- a/js/pixl/.gitignore
+++ b/js/pixl/.gitignore
@ -2,5 +2,6 @@
 
														
													
 
														public/glmatrix.js
													
 
														public/three.js
													
 
														public/three.flycontrols.js
													
 
														
													
 
														.server.log
													
--- a/js/pixl/Makefile
+++ b/js/pixl/Makefile
@ -6,4 +6,5 @@ fetch_live:
 
														
													
 
														fetch_deps:
													
 
															curl -o public/glmatrix.js https://raw.github.com/toji/gl-matrix/master/dist/gl-matrix.js
													
 
															curl -o public/three.js https://rawgithub.com/mrdoob/three.js/master/build/three.min.js
													
 
															curl -o public/three.js https://raw.github.com/mrdoob/three.js/master/build/three.min.js
													
 
															curl -o public/three.flycontrols.js https://raw.github.com/mrdoob/three.js/master/examples/js/controls/FlyControls.js
													
--- a/js/pixl/public/thrixl.html
+++ b/js/pixl/public/thrixl.html
@ -14,6 +14,7 @@
 
														
													
 
														<body>
													
 
															<script src="three.js"></script>
													
 
															<script src="three.flycontrols.js"></script>
													
 
															<script src="geometry.js"></script>
													
 
															<script>
													
 
																window.trixl = {};
													
@ -143,6 +144,10 @@
 
																var camera = new THREE.PerspectiveCamera(75, aspect, 0.1, 1000);
													
 
																camera.position.z = 10;
													
 
														
													
 
																var controls = new THREE.FlyControls(camera);
													
 
																controls.movementSpeed = 5.0;
													
 
																controls.rollSpeed = 0.75;
													
 
														
													
 
																var renderer = new THREE.WebGLRenderer();
													
 
																renderer.sortObjects = false;
													
 
																renderer.setClearColor(0xffffff);
													
@ -153,6 +158,8 @@
 
																group.frustumCulled = false;
													
 
																scene.add(group);
													
 
														
													
 
																var clock = new THREE.Clock();
													
 
														
													
 
																var render = function() {
													
 
																	requestAnimationFrame(render);
													
 
														
													
@ -166,19 +173,12 @@
 
																		}
													
 
																	}
													
 
														
													
 
																	controls.update(clock.getDelta());
													
 
																	renderer.render(scene, camera);
													
 
																}
													
 
														
													
 
																render();
													
 
														
													
 
																document.addEventListener("keydown", function(ev) {
													
 
																	if (ev.keyCode == 87) {
													
 
																		camera.position.z -= 1.0;
													
 
																	}
													
 
																	if (ev.keyCode == 83) {
													
 
																		camera.position.z += 1.0;
													
 
																	}
													
 
																});
													
 
															</script>
													
 
														</body>
													
 
														</html>