add onMove event listener

Author: Raphael Brand

demo/app/js/acceleration.js

@@ -30,6 +30,11 @@ define('acceleration', () => {
     printMap();
     return true;
   };
+  this.getPosition = function() {
+    console.log(playerAt);
+    return playerAt ? playerAt : playerPosition
+  }
+  this.onMove;
   var onKeyDown = function onKeyDown(e) {
     var code = codes[e.keyCode] ? codes[e.keyCode] : e.target.className;
 
@@ -87,6 +92,7 @@ define('acceleration', () => {
       playerAt = playerPosition;
       //console.clear();
       console.log("Player has moved " + direction);
+      onMove()
     }
     return hasMoved;
   };
@@ -145,6 +151,12 @@ define('acceleration', () => {
     },
     setLevel: (matrix) => {
       level = matrix;
+    },
+    getPosition: this.getPosition,
+    onMove: callback => {
+      if(typeof callback == 'function')
+        onMove = callback;
+      else log('no function')
     }
   }
 });

demo/app/js/main.js

@@ -1,7 +1,7 @@
 const log = console.log;
 
 log('Hello Bootstrap');
-require(['test-module', 'acceleration'], function(test, acc) {
+require(['test-module', 'acceleration'], function (test, acc) {
   test.test();
   acc.setCanvas(document.querySelector('#canvas'));
   acc.setLevel([
@@ -14,8 +14,11 @@ require(['test-module', 'acceleration'], function(test, acc) {
     [1, 0, 1, 1, 1, 1, 0, 1],
     [1, 0, 0, 0, 0, 0, 0, 1]
   ]);
-  acc.draw() && acc.printMap()
+  acc.draw() && acc.printMap();
 });
-require(['three-scene'], (Scene) => {
-  Scene.animate({rotation:{speed:{x:0.01, y:0.01}}})
+
+require(['three-scene', 'acceleration'], (Scene, acc) => {
+  Scene.animate({ rotation: { speed: { x: 0.01, y: 0 } } });
+  Scene.animate({ position: { x: 100, y: 0 } })
+  acc.onMove(acc.getPosition)
 })

demo/app/js/three-scene.js

@@ -7,7 +7,7 @@ define('three-scene', () => {
 
   function init() {
     scene = new THREE.Scene();
-    camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000);
+    camera = new THREE.PerspectiveCamera(100, 1, 0.1, 1000);
     container = document.createElement('div');
     document.getElementById('perspective').appendChild(container);
 
@@ -18,7 +18,9 @@ define('three-scene', () => {
     renderer = new THREE.CanvasRenderer();
     console.log(renderer);
     renderer.setSize(w, h);
-    camera.position.z = 200;
+    camera.position.x = 50;
+    camera.position.y = 50;
+    camera.position.z = 300;
 
     container.appendChild(renderer.domElement);
 
@@ -28,11 +30,13 @@ define('three-scene', () => {
 
   let currentFrame = 0;
   let animate;
-
+  let rotationSpeed = (rotation={speed:{x:0,y:0}}) => {
+    cube.rotation.x += rotation.speed.x;
+    cube.rotation.y += rotation.speed.y;
+  }
   animate = (params) => {
     requestAnimationFrame(() => animate(params));
-    cube.rotation.x += params.rotation.speed.x;
-    cube.rotation.y += params.rotation.speed.y;
+    if(params.rotation) rotationSpeed(params.rotation)
     //console.info(cube.rotation.y, scene, camera, cube);
     scene.add(cube);
     renderer.render(scene, camera);