Phaser Boilerplate Typescript with Webserver (grunt, nodejs, tslint)

Requirements

Install nodejs + npm (https://nodejs.org/en/download/)
Open cmd in project directory then:
- "npm install"
- "npm install grunt -g"
- "npm install typescript -g"
- "grunt"

Your webbrowser should open the index.html file and the phaser logo will shine in it's glory.

Inside Visual Studio Code:

start/stopp autobuild of Typescript Code mit Strg+Shift+B

Useful Resources

Tutorials

https://www.udemy.com/making-games-with-phaser/

Graphic tools sprites

http://www.piskelapp.com/ - Desktop-Version https://github.com/juliandescottes/piskel/wiki/Desktop-applications
https://sketch.io/

Graphic tools Tiles

http://www.mapeditor.org/

Sound tools

http://www.audacityteam.org

Assets

Tips and workarounds

Install nodejs modules global

Use Powershell or cmd to execute the following commands:

npm install -g typescript
npm install -g tslint
npm install -g grunt

Nodejs with Proxy:

If you have to use a proxy for Nodejs / npm and there are connection issues:

"npm config list" should contain these settings:

http-proxy = "http://USER:[email protected]:80" https-proxy = "http://USER:[email protected]:80" strict-ssl = false

You can set these with: npm config set https-proxy "http://USER:[email protected]:80" & npm config set strict-ssl false More Infos: http://superuser.com/questions/347476/how-to-install-npm-behind-authentication-proxy-on-windows