1.1.1 minor changes (#4)

* Improve readme * Update package.json
Cerlancism · Mar 5, 2019 · 76fccfd · 76fccfd
1 parent cfeab2b
commit 76fccfd
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 28 deletions.
diff --git a/README.md b/README.md
@@ -14,15 +14,15 @@
     - Bulk import assets using glob file patterns.
     - Hot Module Replacement (fast game reload in browser during development)
     - Minification for build output
-    - Source mapping
+    - Source mapping (TypeScript breakpoints works with VS Code [Chrome Debugging Extension](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)).
 - Supports modern ECMA syntax as well as typings/intelliSense from [TypeScript](http://www.typescriptlang.org/).
 - Browser compatibility down to Internet Explorer 9 with [Babel](https://babeljs.io/) transformations and polyfills.
-- The build output playable offline.
+- The build output is playable offline.
 
 ## Installation
 - Recommended editor: [Visual Studio Code](https://code.visualstudio.com/)
 - [NodeJS](https://nodejs.org/en/)
-- In command-line: 
+- (Optional) In command-line: 
     - `npm install -g typescript`
     - `npm install -g parcel-bundler`
 
@@ -32,14 +32,16 @@ Clone this repository.
 Open this folder in Visual Studio code and from menu:  
 `Terminal -> New Terminal`
 
-`npm start` To develop (work in `src` folder, creates `dev` folder)
+`npm install` Download tools and dependencies (one time) 
+
+`npm start` To develop (work in `src` folder, creates `dev` folder, open in browser <http://localhost:1234>)
 
 `npm run build` To build (minified and playable offline, creates `build` folder)
 
 `npm run deploy` To deploy (build with no source map, creates `.deploy` folder)
 
 ## Important Note
-Due to bundling and limitation of mounting Phaser to window scope, do not import Phaser as destructured ES modules, for example:  
+Due to bundling and limitation of mounting Phaser to window scope, do not import Phaser as destructured ES modules (becareful as this is suggested by auto import), for example:  
 ``` ts
 // You can use ES Modules for your own modules.
 import { Logger } from '/utilities'

diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Phaser CE ParcelJS</title> <style>body,html{margin:0;padding:0}#content{position:fixed;height:100%;width:100%}#content canvas{box-shadow:0 0 5px #000}</style> <script src="src.a9453dea.js"></script> </head> <body> <div id="content"></div> </body> </html>
+<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Phaser CE ParcelJS</title> <style>body,html{margin:0;padding:0}#content{position:fixed;height:100%;width:100%}#content canvas{box-shadow:0 0 5px #000}</style> <script src="src.83bf30d4.js"></script> </head> <body> <div id="content"></div> </body> </html>
diff --git a/build/src.18928fda.map b/build/src.18928fda.map
diff --git a/build/src.a9453dea.js → build/src.83bf30d4.js b/build/src.a9453dea.js → build/src.83bf30d4.js
diff --git a/build/src.bb53b4fd.map b/build/src.bb53b4fd.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "phaser-ce-parceljs",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Phaser CE boilerplate with typescript, babel and parcel bundler.",
   "scripts": {
     "start": "parcel serve src/index.html --out-dir dev/",
@@ -22,16 +22,16 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.2",
-    "@babel/plugin-transform-runtime": "^7.2",
-    "@babel/preset-env": "^7.3",
+    "@babel/core": "^7.3.4",
+    "@babel/plugin-transform-runtime": "^7.3.4",
+    "@babel/preset-env": "^7.3.4",
     "@types/parcel-env": "^0.0",
-    "cssnano": "^4.1",
+    "cssnano": "^4.1.10",
     "typescript": "^3.3"
   },
   "dependencies": {
-    "@babel/polyfill": "^7.2",
-    "@babel/runtime": "^7.3",
-    "phaser-ce": "^2.12"
+    "@babel/polyfill": "^7.2.5",
+    "@babel/runtime": "^7.3.4",
+    "phaser-ce": "^2.12.0"
   }
 }
diff --git a/src/index.ts b/src/index.ts
@@ -67,7 +67,7 @@ async function startGameAsync()
 
 function destroyGame()
 {
-    console.log("[HMR] Destroy Game")
+    console.log("[HMR]", "Destroy Game")
     window.GameInstance.destroy()
     delete window.GameInstance
-}
+}
diff --git a/src/states/Boot.ts b/src/states/Boot.ts
@@ -5,6 +5,8 @@ export class Boot extends Phaser.State
     public static key = "Boot"
     public static onCreate = new Phaser.Signal()
 
+    public key = Boot.key
+
     init()
     {
         console.log("State", this.key)

diff --git a/src/states/GamePlay.ts b/src/states/GamePlay.ts
@@ -3,6 +3,7 @@ import { GameAssetKeys } from "/assets"
 export class GamePlay extends Phaser.State
 {
     public static key = "GamePlay"
+    public key = GamePlay.key
 
     map: Phaser.Tilemap
     layer: Phaser.TilemapLayer

diff --git a/src/states/Preloader.ts b/src/states/Preloader.ts
@@ -5,6 +5,8 @@ export class Preloader extends Phaser.State
     public static key = "Preloader"
     public static onCreate = new Phaser.Signal()
 
+    public key = Preloader.key
+
     preloadBar: Phaser.Sprite
     preloadText: Phaser.Text
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Phaser CE ParcelJS</title> <style>body,html{margin:0;padding:0}#content{position:fixed;height:100%;width:100%}#content canvas{box-shadow:0 0 5px #000}</style> <script src="src.a9453dea.js"></script> </head> <body> <div id="content"></div> </body> </html>
		<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Phaser CE ParcelJS</title> <style>body,html{margin:0;padding:0}#content{position:fixed;height:100%;width:100%}#content canvas{box-shadow:0 0 5px #000}</style> <script src="src.83bf30d4.js"></script> </head> <body> <div id="content"></div> </body> </html>