cleanup

src/components/debug-states.js

@@ -1,13 +0,0 @@
-AFRAME.registerComponent('debug-states', {
-  schema: {
-    isPlaying: {default: false},
-    isPaused: {default: false},
-    isGameOver: {default: false}
-  },
-  update: function(){
-    document.getElementById('debugIsGameOver').className = this.data.isGameOver ? 'active': '';
-    document.getElementById('debugIsPaused').className = this.data.isPaused ? 'active': '';
-    document.getElementById('debugIsPlaying').className = this.data.isPlaying ? 'active': '';
-    console.log(`%c gameover: ${this.data.isGameOver}, paused: ${this.data.isPaused}, playing: ${this.data.isPlaying}`, 'background: #222; color: #bada55');
-  }
-});

src/components/pauser.js

@@ -20,7 +20,6 @@ AFRAME.registerComponent('pauser', {
     events.forEach(event  => {
       this.el.addEventListener(event, this.pauseGame);
     });
-      document.addEventListener('keydown', this.pauseGame);
   },
 
   pauseGame: function () {

src/templates/debugStates.html

@@ -1,26 +0,0 @@
-<style type="text/css">
-#debugStates{
-  position: absolute;
-  z-index: 999999;
-  margin: 0.3rem;
-  font: 14px sans-serif;
-  font-weight: bold;
-}
-#debugStates span{
-  display: inline-block;
-  padding: 1rem;
-  margin: 0.3rem;
-  background: #000;
-  color: #fff;
-  border-radius: 10px;
-}
-#debugStates span.active{
-  background: #5af;
-  color: #fff;
-}
-</style>
-<div id="debugStates">
-  <span id="debugIsGameOver">isGameOver</span>
-  <span id="debugIsPaused">isPaused</span>
-  <span id="debugIsPlaying">isPlaying</span>
-</div>