Merge branch 'logging'

Author: samme

src/DebugGameScalePlugin.js

@@ -1,7 +1,9 @@
-import { aspectModeToString, rectToString, sizeToString, xyToString } from './util'
+import { aspectModeToString, rectToString, sizeToString, xyToString, logEnterFullscreen, logFullscreenFailed, logFullscreenUnsupported, logLeaveFullscreen, logOrientationChange, logResize } from './util'
 
 const { POST_RENDER } = Phaser.Core.Events
 
+const { ENTER_FULLSCREEN, FULLSCREEN_FAILED, FULLSCREEN_UNSUPPORTED, LEAVE_FULLSCREEN, ORIENTATION_CHANGE, RESIZE } = Phaser.Scale.Events
+
 export default class DebugGameScalePlugin extends Phaser.Plugins.BasePlugin {
   init (data) {
     if (!this.game.renderer.gameCanvas) {
@@ -19,6 +21,14 @@ export default class DebugGameScalePlugin extends Phaser.Plugins.BasePlugin {
     if (parent) {
       parent.style.outline = 'thick solid rgba(255,0,0,0.5)'
     }
+
+    this.game.scale
+      .on(ENTER_FULLSCREEN, logEnterFullscreen)
+      .on(FULLSCREEN_FAILED, logFullscreenFailed)
+      .on(FULLSCREEN_UNSUPPORTED, logFullscreenUnsupported)
+      .on(LEAVE_FULLSCREEN, logLeaveFullscreen)
+      .on(ORIENTATION_CHANGE, logOrientationChange)
+      .on(RESIZE, logResize)
   }
 
   stop () {
@@ -29,6 +39,14 @@ export default class DebugGameScalePlugin extends Phaser.Plugins.BasePlugin {
     if (parent) {
       parent.style.outline = ''
     }
+
+    this.game.scale
+      .off(ENTER_FULLSCREEN, logEnterFullscreen)
+      .off(FULLSCREEN_FAILED, logFullscreenFailed)
+      .off(FULLSCREEN_UNSUPPORTED, logFullscreenUnsupported)
+      .off(LEAVE_FULLSCREEN, logLeaveFullscreen)
+      .off(ORIENTATION_CHANGE, logOrientationChange)
+      .off(RESIZE, logResize)
   }
 
   render () {

src/util.js

@@ -7,6 +7,11 @@ for (const name in ScaleModes) {
   aspectModeNames[ScaleModes[name]] = name
 }
 
+const orientationNames = {
+  [Phaser.Scale.Orientation.LANDSCAPE]: 'landscape',
+  [Phaser.Scale.Orientation.PORTRAIT]: 'portrait'
+}
+
 const getSizeMaxString = function (size) {
   return (size.maxWidth < MAX_VALUE || size.maxHeight < MAX_VALUE) ? ` max=${size.maxWidth}×${size.maxHeight}` : ''
 }
@@ -40,3 +45,27 @@ export const sizeToString = function (size) {
 export const rectToString = function (rect, precision = 1) {
   return `x=${rect.x.toFixed(precision)} y=${rect.y.toFixed(precision)} w=${rect.width.toFixed(precision)} h=${rect.height.toFixed(precision)}`
 }
+
+export const logEnterFullscreen = function () {
+  console.info('enter fullscreen')
+}
+
+export const logFullscreenFailed = function () {
+  console.info('fullscreen failed')
+}
+
+export const logFullscreenUnsupported = function () {
+  console.info('fullscreen unsupported')
+}
+
+export const logLeaveFullscreen = function () {
+  console.info('leave fullscreen')
+}
+
+export const logOrientationChange = function (orientation) {
+  console.info('orientation change', orientationNames[orientation])
+}
+
+export const logResize = function (game, base, display, prevWidth, prevHeight) {
+  console.debug('resize', sizeToString(display))
+}