#55

src/lib/GameEngine.js

@@ -16,12 +16,13 @@ import { Clickable } from './Clickable.js';
 import { DashBoard } from './Dashboard.js';
 import { MotionEngine } from './MotionEngine.js';
 import { Draggable } from './Draggable.js';
+import { EventManager } from "./EventManager";
 
 THREE.Cache.enabled = true
 
 const assetPath = '/asset/default/';
 
-class GameEngine extends THREE.EventDispatcher{
+class GameEngine extends EventManager{
     async init(domNode, opts = {}) {
         this.w = domNode.clientWidth || 1200, this.h = domNode.clientHeight || 800;
         this.aspect = this.w / this.h
@@ -202,6 +203,7 @@ class GameEngine extends THREE.EventDispatcher{
 
         if (opts.stats){
             this.stats = new Stats();
+            this.stats.dom.classList.add('engine-stats');
             document.body.appendChild(this.stats.dom);
         }
 

src/styles/style.scss

@@ -138,3 +138,10 @@ video{
 audio {
     min-width:400px;
 }
+
+.engine-stats {
+    top:unset !important;
+    left:unset !important;
+    bottom: 0 !important;
+    right: 0 !important;
+}