Updated to use typeof DefinePlugin check.

CHANGELOG.md

@@ -8,6 +8,8 @@
 
 ### Updates
 
+* We've swapped use of the Webpack DefinePlugin so instead of setting a global flag for the compilation of the Canvas and WebGL renderers, we now use a typeof check instead. This means you should now be able to ingest the Phaser source more easily outside of Webpack without having to define any global vars first (thanks @tgrajewski)
+
 ### Bug Fixes
 
 

src/boot/CreateRenderer.js

@@ -91,7 +91,7 @@ var CreateRenderer = function (game)
     var CanvasRenderer;
     var WebGLRenderer;
 
-    if (WEBGL_RENDERER && CANVAS_RENDERER)
+    if (typeof WEBGL_RENDERER && typeof CANVAS_RENDERER)
     {
         CanvasRenderer = require('../renderer/canvas/CanvasRenderer');
         WebGLRenderer = require('../renderer/webgl/WebGLRenderer');
@@ -109,7 +109,7 @@ var CreateRenderer = function (game)
         }
     }
 
-    if (WEBGL_RENDERER && !CANVAS_RENDERER)
+    if (typeof WEBGL_RENDERER && !typeof CANVAS_RENDERER)
     {
         WebGLRenderer = require('../renderer/webgl/WebGLRenderer');
 
@@ -119,7 +119,7 @@ var CreateRenderer = function (game)
         game.context = null;
     }
 
-    if (!WEBGL_RENDERER && CANVAS_RENDERER)
+    if (!typeof WEBGL_RENDERER && typeof CANVAS_RENDERER)
     {
         CanvasRenderer = require('../renderer/canvas/CanvasRenderer');
 

src/gameobjects/bitmaptext/dynamic/DynamicBitmapTextRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../../utils/NOOP');
 var renderCanvas = require('../../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./DynamicBitmapTextWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./DynamicBitmapTextCanvasRenderer');
 }

src/gameobjects/bitmaptext/static/BitmapTextRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../../utils/NOOP');
 var renderCanvas = require('../../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./BitmapTextWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./BitmapTextCanvasRenderer');
 }

src/gameobjects/blitter/BlitterRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./BlitterWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./BlitterCanvasRenderer');
 }

src/gameobjects/container/ContainerRender.js

@@ -8,12 +8,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./ContainerWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./ContainerCanvasRenderer');
 }

src/gameobjects/graphics/GraphicsRender.js

@@ -7,7 +7,7 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./GraphicsWebGLRenderer');
 
@@ -15,7 +15,7 @@ if (WEBGL_RENDERER)
     renderCanvas = require('./GraphicsCanvasRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./GraphicsCanvasRenderer');
 }

src/gameobjects/image/ImageRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./ImageWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./ImageCanvasRenderer');
 }

src/gameobjects/index.js

@@ -76,7 +76,7 @@ var GameObjects = {
 
 };
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     //  WebGL only Game Objects
     GameObjects.Mesh = require('./mesh/Mesh');

src/gameobjects/mesh/MeshFactory.js

@@ -27,7 +27,7 @@ var GameObjectFactory = require('../GameObjectFactory');
  *
  * @return {Phaser.GameObjects.Mesh} The Game Object that was created.
  */
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     GameObjectFactory.register('mesh', function (x, y, vertices, uv, colors, alphas, texture, frame)
     {

src/gameobjects/mesh/MeshRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./MeshWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./MeshCanvasRenderer');
 }

src/gameobjects/particles/ParticleManagerRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./ParticleManagerWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./ParticleManagerCanvasRenderer');
 }

src/gameobjects/quad/QuadFactory.js

@@ -23,7 +23,7 @@ var GameObjectFactory = require('../GameObjectFactory');
  * 
  * @return {Phaser.GameObjects.Quad} The Game Object that was created.
  */
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     GameObjectFactory.register('quad', function (x, y, key, frame)
     {

src/gameobjects/rendertexture/RenderTextureRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./RenderTextureWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./RenderTextureCanvasRenderer');
 }

src/gameobjects/sprite/SpriteRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./SpriteWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./SpriteCanvasRenderer');
 }

src/gameobjects/text/static/TextRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../../utils/NOOP');
 var renderCanvas = require('../../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./TextWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./TextCanvasRenderer');
 }

src/gameobjects/tilesprite/TileSpriteRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./TileSpriteWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./TileSpriteCanvasRenderer');
 }

src/tilemaps/dynamiclayer/DynamicTilemapLayerRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./DynamicTilemapLayerWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./DynamicTilemapLayerCanvasRenderer');
 }

src/tilemaps/staticlayer/StaticTilemapLayerRender.js

@@ -7,12 +7,12 @@
 var renderWebGL = require('../../utils/NOOP');
 var renderCanvas = require('../../utils/NOOP');
 
-if (WEBGL_RENDERER)
+if (typeof WEBGL_RENDERER)
 {
     renderWebGL = require('./StaticTilemapLayerWebGLRenderer');
 }
 
-if (CANVAS_RENDERER)
+if (typeof CANVAS_RENDERER)
 {
     renderCanvas = require('./StaticTilemapLayerCanvasRenderer');
 }

webpack.config.js

@@ -35,8 +35,8 @@ module.exports = {
 
     plugins: [
         new webpack.DefinePlugin({
-            CANVAS_RENDERER: JSON.stringify(true),
-            WEBGL_RENDERER: JSON.stringify(true)
+            "typeof CANVAS_RENDERER": JSON.stringify(true),
+            "typeof WEBGL_RENDERER": JSON.stringify(true)
         }),
 
         new WebpackShellPlugin({onBuildExit: 'node copy-to-examples.js'})