Webpack boilerplate

mkristo · mkristo · commit 340635370bfa · 2015-07-21T19:32:21.000+02:00
diff --git a/resources/Project Templates/Webpack/README.md b/resources/Project Templates/Webpack/README.md
@@ -0,0 +1,17 @@
+# Phaser-Webpack
+
+Simple boilerplate project that combines [Phaser](http://phaser.io) with [Webpack](http://webpack.github.io).
+
+## Installation instructions
+
+```
+npm install webpack -g
+```
+
+## Build instructions
+
+Run the following command to build the game
+
+```
+webpack src/entry.js build/bundle.js
+```
diff --git a/resources/Project Templates/Webpack/assets/phaser.png b/resources/Project Templates/Webpack/assets/phaser.png
diff --git a/resources/Project Templates/Webpack/index.html b/resources/Project Templates/Webpack/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>hello phaser-webpack</title>
+        <script src="build/bundle.js"></script>
+    </head>
+    <body>
+    </body>
+</html>
diff --git a/resources/Project Templates/Webpack/src/entry.js b/resources/Project Templates/Webpack/src/entry.js
@@ -0,0 +1,4 @@
+var Game = require("./game");
+
+var game = new Game();
+game.start();
diff --git a/resources/Project Templates/Webpack/src/game.js b/resources/Project Templates/Webpack/src/game.js
@@ -0,0 +1,28 @@
+// Path to the Phaser build you want to use
+var Phaser = require("../../../../build/custom/phaser-no-physics");
+
+function Game() {
+    console.log('Making the Game');
+}
+
+Game.prototype = {
+    constructor: Game,
+
+    start: function() {
+        this.game = new Phaser.Game(800, 600, Phaser.AUTO, '', {
+            preload: this.preload,
+            create: this.create
+        });
+    },
+
+    preload: function() {
+        this.game.load.image('logo', 'assets/phaser.png');
+    },
+
+    create: function() {
+        var logo = this.game.add.sprite(this.game.world.centerX, this.game.world.centerY, 'logo');
+        logo.anchor.setTo(0.5, 0.5);
+    }
+};
+
+module.exports = Game;
