Home Verkennen Help
Inloggen
lu
/
lp
spiegel van git://github.com/heyLu/lp
Volgen 1
Ster 0
Vork 0
Code Kwesties 0 Commits 139 Publicaties 1 Wiki
Bladeren bron

use controls from three.js.

Lucas Stadler 12 jaren geleden
bovenliggende
b6244dec14
commit
3133c0b5f5
3 gewijzigde bestanden met toevoegingen van 11 en 9 verwijderingen
Unified View Toon Diff Stats
  1. 1 0
      js/pixl/.gitignore
  2. 2 1
      js/pixl/Makefile
  3. 8 8
      js/pixl/public/thrixl.html

+ 1 - 0
js/pixl/.gitignore
Bestand weergeven

2
2
3 
public/glmatrix.js
 3 
public/glmatrix.js
4 
public/three.js
 4 
public/three.js
5 
public/three.flycontrols.js
5
6
6 
.server.log
 7 
.server.log

+ 2 - 1
js/pixl/Makefile
Bestand weergeven

6
6
7 
fetch_deps:
 7 
fetch_deps:
8 
	curl -o public/glmatrix.js https://raw.github.com/toji/gl-matrix/master/dist/gl-matrix.js
 8 
	curl -o public/glmatrix.js https://raw.github.com/toji/gl-matrix/master/dist/gl-matrix.js
9 
	curl -o public/three.js https://rawgithub.com/mrdoob/three.js/master/build/three.min.js
9 
	curl -o public/three.js https://raw.github.com/mrdoob/three.js/master/build/three.min.js
10 
	curl -o public/three.flycontrols.js https://raw.github.com/mrdoob/three.js/master/examples/js/controls/FlyControls.js

+ 8 - 8
js/pixl/public/thrixl.html
Bestand weergeven

14
14
15 
<body>
 15 
<body>
16 
	<script src="three.js"></script>
 16 
	<script src="three.js"></script>
17 
	<script src="three.flycontrols.js"></script>
17 
	<script src="geometry.js"></script>
 18 
	<script src="geometry.js"></script>
18 
	<script>
 19 
	<script>
19 
		window.trixl = {};
 20 
		window.trixl = {};
143 
		var camera = new THREE.PerspectiveCamera(75, aspect, 0.1, 1000);
 144 
		var camera = new THREE.PerspectiveCamera(75, aspect, 0.1, 1000);
144 
		camera.position.z = 10;
 145 
		camera.position.z = 10;
145
146
147 
		var controls = new THREE.FlyControls(camera);
148 
		controls.movementSpeed = 5.0;
149 
		controls.rollSpeed = 0.75;
150
146 
		var renderer = new THREE.WebGLRenderer();
 151 
		var renderer = new THREE.WebGLRenderer();
147 
		renderer.sortObjects = false;
 152 
		renderer.sortObjects = false;
148 
		renderer.setClearColor(0xffffff);
 153 
		renderer.setClearColor(0xffffff);
153 
		group.frustumCulled = false;
 158 
		group.frustumCulled = false;
154 
		scene.add(group);
 159 
		scene.add(group);
155
160
161 
		var clock = new THREE.Clock();
162
156 
		var render = function() {
 163 
		var render = function() {
157 
			requestAnimationFrame(render);
 164 
			requestAnimationFrame(render);
158
165
166 
				}
 173 
				}
167 
			}
 174 
			}
168
175
176 
			controls.update(clock.getDelta());
169 
			renderer.render(scene, camera);
 177 
			renderer.render(scene, camera);
170 
		}
 178 
		}
171
179
172 
		render();
 180 
		render();
173
181
174 
		document.addEventListener("keydown", function(ev) {
175 
			if (ev.keyCode == 87) {
176 
				camera.position.z -= 1.0;
177 
			}
178 
			if (ev.keyCode == 83) {
179 
				camera.position.z += 1.0;
180 
			}
181 
		});
182 
	</script>
 182 
	</script>
183 
</body>
 183 
</body>
184 
</html>
 184 
</html>