diff --git a/src/frontend/canvas.js b/src/frontend/canvas.js
new file mode 100644
index 0000000000000000000000000000000000000000..886131608d7149a1ea427930c4ad898002b08cde
--- /dev/null
+++ b/src/frontend/canvas.js
@@ -0,0 +1,24 @@
+import * from phaser;
+
+var scene = {
+    preload: preload,
+    create: create
+};
+
+var config = {
+    type: Phaser.AUTO,
+    width: 800,
+    height: 600,
+    scene: scene
+};
+
+var game = new Phaser.Game(config);
+
+function preload ()
+{
+    this.load.image('404', 'http://labs.phaser.io/assets/sprites/phaser3-logo.png')
+}
+function create ()
+{
+    this.add.image(300, 400, '404')
+}
\ No newline at end of file