Converted the Device and CanvasPool into page level singletons, that can be shared by all instances of a Phaser Game running in the same page.

Author: photonstorm

v3/src/boot/Game.js

@@ -12,6 +12,7 @@ var DebugHeader = require('./DebugHeader');
 var RequestAnimationFrame = require('../dom/RequestAnimationFrame');
 var DOMContentLoaded = require('../dom/DOMContentLoaded');
 var RandomDataGenerator = require('../math/random-data-generator/RandomDataGenerator');
+var CanvasPool = require('../dom/CanvasPool');
 
 var Game = function (config)
 {
@@ -86,6 +87,9 @@ Game.prototype = {
 
         console.log(CHECKSUM.build);
 
+        console.log('pool', CanvasPool.getTotal());
+        console.log('free', CanvasPool.getFree());
+
         //  Add in ability to specify pre-init and post-init callbacks in the config
 
         this.raf.start();

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '7c3f6cb0-b2cd-11e6-b14c-d53f539998e7'
+build: '0a915bb0-b376-11e6-8e00-5b1f6d1d763b'
 };
 module.exports = CHECKSUM;

v3/src/device/Audio.js

@@ -1,3 +1,6 @@
+var OS = require('./OS');
+var Browser = require('./Browser');
+
 var Audio = {
 
     /**
@@ -57,7 +60,7 @@ var Audio = {
 
 };
 
-function init (OS, Browser)
+function init ()
 {
     Audio.audioData = !!(window['Audio']);
     Audio.webAudio = !!(window['AudioContext'] || window['webkitAudioContext']);
@@ -133,4 +136,4 @@ function init (OS, Browser)
     return Audio;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/Browser.js

@@ -1,3 +1,5 @@
+var OS = require('./OS');
+
 var Browser = {
 
     /**
@@ -104,7 +106,7 @@ var Browser = {
 
 };
 
-function init (OS)
+function init ()
 {
     var ua = navigator.userAgent;
 
@@ -168,4 +170,4 @@ function init (OS)
     return Browser;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/Features.js

@@ -1,3 +1,7 @@
+var OS = require('./OS');
+var Browser = require('./Browser');
+var CanvasPool = require('../dom/CanvasPool');
+
 var Features = {
 
     /**
@@ -106,8 +110,10 @@ function checkIsLittleEndian ()
     }
 }
 
-function init (OS, Browser)
+function init ()
 {
+    console.log('Features.init');
+
     Features.canvas = !!window['CanvasRenderingContext2D'] || OS.cocoonJS;
 
     try
@@ -130,7 +136,7 @@ function init (OS, Browser)
         {
             try
             {
-                var canvas = document.createElement('canvas');
+                var canvas = CanvasPool.create(this, 1, 1);
 
                 //  cocoon ...
                 canvas.screencanvas = false;
@@ -146,6 +152,8 @@ function init (OS, Browser)
                 */
                 isUint8 = image.data instanceof Uint8ClampedArray;
 
+                CanvasPool.removeByCanvas(canvas);
+
                 return (ctx !== null);
             }
             catch (e)
@@ -211,4 +219,4 @@ function init (OS, Browser)
     return Features;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/Fullscreen.js

@@ -1,3 +1,6 @@
+var OS = require('./OS');
+var Browser = require('./Browser');
+
 var Fullscreen = {
 
     /**
@@ -86,4 +89,4 @@ function init ()
     return Fullscreen;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/Input.js

@@ -1,3 +1,6 @@
+var OS = require('./OS');
+var Browser = require('./Browser');
+
 var Input = {
 
     /**
@@ -21,7 +24,7 @@ var Input = {
 
 };
 
-function init (OS, Browser)
+function init ()
 {
     if ('ontouchstart' in document.documentElement || (window.navigator.maxTouchPoints && window.navigator.maxTouchPoints >= 1))
     {
@@ -56,4 +59,4 @@ function init (OS, Browser)
     return Input;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/OS.js

@@ -259,4 +259,4 @@ function init ()
     return OS;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/Video.js

@@ -1,3 +1,6 @@
+var OS = require('./OS');
+var Browser = require('./Browser');
+
 var Video = {
 
     /**
@@ -38,7 +41,7 @@ var Video = {
 
 };
 
-function init (OS, Browser)
+function init ()
 {
     var videoElement = document.createElement('video');
     var result = !!videoElement.canPlayType;
@@ -83,4 +86,4 @@ function init (OS, Browser)
     return Video;
 }
 
-module.exports = init;
+module.exports = init();

v3/src/device/index.js

@@ -1,3 +1,8 @@
+//  This singleton is instantiated as soon as Phaser loads,
+//  before a Phaser.Game instance has even been created.
+//  Which means all instances of Phaser Games can share it,
+//  without having to re-poll the device all over again
+
 var OS = require('./OS');
 var Browser = require('./Browser');
 var Features = require('./Features');
@@ -6,18 +11,14 @@ var Audio = require('./Audio');
 var Video = require('./Video');
 var Fullscreen = require('./Fullscreen');
 
-var os = OS();
-var browser = Browser(os);
-
 module.exports = {
 
-    //  Doing this makes it available under Device.OS
-    OS: os,
-    Browser: browser,
-    Features: Features(os, browser),
-    Input: Input(os, browser),
-    Audio: Audio(os, browser),
-    Video: Video(os, browser),
-    Fullscreen: Fullscreen()
+    OS: OS,
+    Browser: Browser,
+    Features: Features,
+    Input: Input,
+    Audio: Audio,
+    Video: Video,
+    Fullscreen: Fullscreen
 
 };