[#1031] Implement play game start button (#1035)

Closes #1031 

## Changes:

- Build in start game to loader

.vscode/settings.json

@@ -1,26 +1,26 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-   "editor.tabSize": 3,
-   "editor.insertSpaces": true,
-   "editor.detectIndentation": false,
-   "restructuredtext.confPath": "docs/source/conf.py",
-   "restructuredtext.builtDocumentationPath" : "docs/build/html",
-   "tslint.enable": true,
-   "tslint.configFile": "./tslint/tslint.json",
-   "files.exclude": {
-      "**/.git": true,
-      ".grunt/": true,
-      ".tscache": true,
-      "**/.DS_Store": true,
-	    "**/node_modules": true,
-       "**/node_shrinkwrap": true,
-	    "**/bin": true,
-	    "**/obj": true,
-       "_SpecRunner.html": true,
-       "TestsSpec.js*": true,
-	    "src/engine/*.js": true,
-       "src/spec/*.js": true,
-       "src/spec/*.map": true
-   },	
-   "typescript.tsdk": "./node_modules/typescript/lib"
+  "editor.tabSize": 4,
+  "editor.insertSpaces": true,
+  "editor.detectIndentation": false,
+  "restructuredtext.confPath": "docs/source/conf.py",
+  "restructuredtext.builtDocumentationPath": "docs/build/html",
+  "tslint.enable": true,
+  "tslint.configFile": "./tslint/tslint.json",
+  "files.exclude": {
+    "**/.git": true,
+    ".grunt/": true,
+    ".tscache": true,
+    "**/.DS_Store": true,
+    "**/node_modules": true,
+    "**/node_shrinkwrap": true,
+    "**/bin": true,
+    "**/obj": true,
+    "_SpecRunner.html": true,
+    "TestsSpec.js*": true,
+    "src/engine/*.js": true,
+    "src/spec/*.js": true,
+    "src/spec/*.map": true
+  },
+  "typescript.tsdk": "./node_modules/typescript/lib"
 }

CHANGELOG.md

@@ -11,6 +11,8 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 ### Changed
 
+- Excalibur will now prompt for user input before starting the game to be inline with the new webaudio requirments from chrome/mobile browsers ([#1031](https://github.com/excaliburjs/Excalibur/issues/1031))
+
 ### Deprecated
 
 ### Fixed

package.json

@@ -43,6 +43,7 @@
     "@types/node": "8.10.18",
     "copy-webpack-plugin": "4.5.1",
     "cross-env": "5.1.6",
+    "css-loader": "1.0.0",
     "grunt": "1.0.2",
     "grunt-build-control": "0.7.1",
     "grunt-bumpup": "0.6.3",
@@ -71,11 +72,13 @@
     "rimraf": "2.6.2",
     "source-map-support": "0.4.18",
     "sync-request": "4.1.0",
+    "to-string-loader": "1.1.5",
     "travis-ci": "2.1.1",
     "ts-loader": "4.3.0",
     "tslint": "3.15.1",
     "typedoc": "0.11.1",
     "typescript": "2.8.3",
+    "url-loader": "1.1.1",
     "webpack": "4.8.1",
     "webpack-cli": "2.1.3"
   },

sandbox/tests/animation/animation.ts

@@ -8,7 +8,8 @@ var engine = new ex.Engine({
   width: width,
   height: height,
   canvasElementId: 'game',
-  pointerScope: ex.Input.PointerScope.Canvas
+  pointerScope: ex.Input.PointerScope.Canvas,
+  suppressPlayButton: false
 });
 engine.backgroundColor = ex.Color.Black;
 
@@ -27,4 +28,6 @@ engine.input.keyboard.on('down', (keyDown?: ex.Input.KeyEvent) => {
   }
 });
 
-engine.start(new ex.Loader([playerTexture])).then(() => {});
+var loader = new ex.Loader([playerTexture]);
+loader.playButtonText = 'Start the best game ever';
+engine.start(loader).then(() => {});