Phaser Examples
A collection of games made by phaser, DEMO
Getting Started
- Set path (e.g.
cd C:\xampp\htdocs\jojoee.com\phaser-examples
) - Install global:
npm install -g bower gulp
- Install dependencies:
bower install && npm install
- Start:
gulp
Other Games
- Phaser Jump Game
- Phaser & P2 Physics: Working with Polygon Colliders
- Drag and Drop in Phaser
- Lives like Zelda in Phaser
- Phaser y TimelineLite
- Menu -
babel
- Jetpack Joyride
- Health Bar of Life with crop
- Lives like Zelda in Phaser
TODO
- Creating
.gif
instead of screenshot - Create landing page (
games/index.html
) and add screenshot - Fix
games/index.php
- Move
screenshots
out of repository - Refactor all games (make it same structure)
- Fix and update
/games/games.js
- Alto's Adventure
- PirateKing
- True Color
- Crossy Road
- Shadow play
- Online play
- Shake
- Rabbit Collector (like Neko Atsume: Kitty Collector)
- Implement phaser-plugins
- Implement
A* pathfinding
by easystarjs, phaser_plugin_pathfinding - Add gulp JSHint
- Implement mobile detect by browser header (mobile-detect.js, isMobile) or by screen width (mydevice.io, viewportsizes)
- Implement phaser-plugin-isometric
- Implement Tiled Map Editor
- Create ONLINE game (web-based)
- Create Bot for online game (Tut)
- Study and Try
- gamedevacademy.org
- phaser.io (e.g. getting-started, making-your-first-phaser-game)
- Official Phaser Tutorials
- http://www.emanueleferonato.com/
- lessmilk
- Community Tutorials (e.g. http://phaser.io/learn, http://phaser.io/learn?page=2, http://phaser.io/learn/community-tutorials, http://phaser.io/news/category/tutorial)
- Labs
- Examples
- http://ezelia.com/phaser-plugins
- https://github.com/photonstorm/phaser-plugins
- Creating plugin / boilerplate
- Game title
- Menu
- Scoreboard
- Modal
- Log
- Advertising
- Credit
- Option panel
- Preloader (Progress bar / Splash screen )
- Share
- Add icon font (e.g. Font Awesome)
- Add tracking system (e.g. Google Analytics)
- Implement standardjs.com
- Implement JSVerbalExpressions
- update
index.html
Note & Tool & Resource
- Using
capture.js
for capture game screenshot (using node-webshot) - JavaScript Style Guide: Airbnb JavaScript Style Guide() {
- Based on Phaser created by Photon Storm
- UglifyJS Online
- Phaser Template Project
- Browsersync
- jsbeautifier -
Indent with 2 spaces
,Allow 1 newline between tokens
- Tiled Map Editor
- Math for Game Developers
- MightyEditor
- JScrambler, Tut
- http://pyxeledit.com
- http://sourceforge.net/projects/audacity/
- pixel-sprite-generator
- UglifyJS, UglifyJS2, JSCompression, https://skalman.github.io/UglifyJS-online/
- Graphic: opengameart.org, deviantart, itch.io, QUBICLE
- Sound: pdsounds.org, soundsnap.com
- Icon & Font: ONE DAY, Inconsolata
- Keyword: Isometric, F2P, Indie, Mobile
- Image To Data URI: by Chrome, base64-image.de
- Backend: swagger.io, sailsjs.org, feathers, strongloop
- BAAS: parse.com, firebase.com, mongolab.com, pubnub.com
Distribution Channel
- Amazon Web App, Amazon Web App Tester, Implementing the Amazon In-App Purchasing API in your HTML5 Web Apps
- itch.io
- fgl.com
- gamepix.com
- gamejolt.com
- Chrome Web Store