diff --git a/src/frontend/game.js b/src/frontend/game.js
index f49a515043d3f1f4bbc2b2de845f3ec62514d9d5..875d054ec1764d3e6364940b565d158a5c622ff1 100644
--- a/src/frontend/game.js
+++ b/src/frontend/game.js
@@ -1,26 +1,17 @@
 import Phaser from 'phaser';
+import TestScene from './scenes/test';
 
-function preload ()
-{
-    this.load.image('404', 'http://labs.phaser.io/assets/sprites/phaser3-logo.png')
-}
-function create ()
-{
-    this.add.image(300, 400, '404')
-}
-
-let scene = {
-    preload: preload,
-    create: create
-};
+class Game {
+  constructo() {
+    this.config = {
+      type: Phaser.AUTO,
+      width: 800,
+      height: 600,
+      scene: TestScene
+    };
 
-let config = {
-    type: Phaser.AUTO,
-    width: 800,
-    height: 600,
-    scene: scene
-};
-
-let game = new Phaser.Game(config);
+    this.game = new Phaser.Game(this.config);
+  }
+}
 
-export default game;
+export default Game;
diff --git a/src/frontend/scenes/test.js b/src/frontend/scenes/test.js
new file mode 100644
index 0000000000000000000000000000000000000000..9ca189fdbbe413e4f115ce21828999f9a879d152
--- /dev/null
+++ b/src/frontend/scenes/test.js
@@ -0,0 +1,13 @@
+function preload () {
+  this.load.image('404', 'http://labs.phaser.io/assets/sprites/phaser3-logo.png')
+}
+function create () {
+  this.add.image(300, 400, '404')
+}
+
+let TestScene = {
+    preload: preload,
+    create: create
+};
+
+export default TestScene;
diff --git a/src/widget.js b/src/widget.js
index 7bbe52fccf8a1c124e422a3012254bbed5e25fb4..8a97389ed8405b10a5391bff40756acb31370604 100644
--- a/src/widget.js
+++ b/src/widget.js
@@ -1 +1,4 @@
 import WidgetBackend from './backends/widget';
+import Game from './frontend/game';
+
+let game = Game();