|
@@ -26,29 +26,28 @@
|
|
|
<script>
|
|
|
|
|
|
var SCREEN_WIDTH = window.innerWidth,
|
|
|
- SCREEN_HEIGHT = window.innerHeight,
|
|
|
+ SCREEN_HEIGHT = window.innerHeight,
|
|
|
|
|
|
- mouseX = 0, mouseY = 0,
|
|
|
+ mouseX = 0, mouseY = 0,
|
|
|
|
|
|
- windowHalfX = window.innerWidth / 2,
|
|
|
- windowHalfY = window.innerHeight / 2,
|
|
|
+ windowHalfX = window.innerWidth / 2,
|
|
|
+ windowHalfY = window.innerHeight / 2,
|
|
|
|
|
|
- SEPARATION = 200,
|
|
|
- AMOUNTX = 10,
|
|
|
- AMOUNTY = 10,
|
|
|
+ SEPARATION = 200,
|
|
|
+ AMOUNTX = 10,
|
|
|
+ AMOUNTY = 10,
|
|
|
|
|
|
- camera, scene, renderer;
|
|
|
+ camera, scene, renderer;
|
|
|
|
|
|
init();
|
|
|
animate();
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
- var container, separation = 100, amountX = 50, amountY = 50,
|
|
|
- particles, particle;
|
|
|
+ var container, separation = 100, amountX = 50, amountY = 50, particles, particle;
|
|
|
|
|
|
- container = document.createElement('div');
|
|
|
- document.body.appendChild(container);
|
|
|
+ container = document.createElement( 'div' );
|
|
|
+ document.body.appendChild( container );
|
|
|
|
|
|
camera = new THREE.PerspectiveCamera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
|
|
|
camera.position.z = 1000;
|
|
@@ -93,7 +92,7 @@
|
|
|
|
|
|
var vertices = [];
|
|
|
|
|
|
- for (var i = 0; i < 300; i++) {
|
|
|
+ for ( var i = 0; i < 300; i ++ ) {
|
|
|
|
|
|
var vertex = new THREE.Vector3( Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random() * 2 - 1 );
|
|
|
vertex.normalize();
|
|
@@ -137,10 +136,11 @@
|
|
|
|
|
|
//
|
|
|
|
|
|
- function onDocumentMouseMove(event) {
|
|
|
+ function onDocumentMouseMove( event ) {
|
|
|
|
|
|
mouseX = event.clientX - windowHalfX;
|
|
|
mouseY = event.clientY - windowHalfY;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
function onDocumentTouchStart( event ) {
|