A collection of games made by phaser, DEMO
- 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
- 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
- shmup: A shooter game based on Phaser framework
- bomb-arena: An HTML5 multiplayer arena-style combat game
- phaser-platform: A platform game developed with phaser.io
- FlappyBirdClone_tuto: Phaser game development tuto
- admob-demo-game-phaser: Demo game for Cordova AdMob plugin, using phaser game engine
- phaser-sidescroller: Phaser sidescroller game
- Cyber-Orb: demo game showcasing Phaser development with Device Orientation od Vibration APIs
- Phaser: Arcade Physics and Mass
- Phaser: Attach Particle Emitter to a sprite
- Scale, Rotate and Reflect Sprites with drag and drop
- CanyonRunner: A complete HTML5 game using the Phaser framework. Playable, buildable, and published as a tutorial for other game developers.
- Fruit Ninja: Part 1, Part 2
- How to make a Button in Phaser
- Bomberman: Part 1, Part 2, Part 3
- How to "lock" orientation in your HTML5 responsive game using Phaser
- Health Bar of Life with crop
- Pong Game: Part 1, Part 2, Part 3, Part 4, Part 5, Part 6, Part 7
- phaser-pvz: Some of the basics of a game involving plants and zombies, made with Phaser
- Phaser Jump Game
- Timberman
- Fruit Ninja: Part 3
- Flappy Bird 1
- Flappy Bird 2
- Flappy Bird 3
- Space shooter
- Turn-Based RPG Game
- Infinitely Scrolling Game
- Platformer Tutorial with Phaser and Tiled: Part 1, Part 2, Part 3
- How to use Pathfinding in Phaser
- Phaser Tutorial โ How to Create an Idle Clicker Game
- Starting out with Phaser and the Isometric Plug-in
- phaser-juicy
- phaser-menu-system: Boilerplate menu system for phaser.io
- phaser-swipe: A swipe component for Phaser.io
- EZGUI: The missing GUI for Pixi.js and Phaser.io http://ezgui.ezelia.com
- PhaseSlider
- Nadion
- phaser-illuminated: A Javascript library for interfacing Phaser.js and Illuminated.js for light effects in web games.
- Creating
.gif
instead of screenshot - Create landing page (
games/index.html
) and add screenshot - Update screenshot
- Fix
games/index.php
- Refactor all games (make it same structure)
- Fix and update
/games/games.js
- Update screenshot
- Update README.md
- 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
- ludumdare.com/compo/tag/phaser-js
- Creating plugin / boilerplate
- Game title
- Menu
- Scoreboard
- Modal
- Log
- Advertising
- Credit
- Option panel
- Preloader (Progress bar / Splash screen )
- Share
- Fade
- Add icon font (e.g. Font Awesome)
- Add tracking system (e.g. Google Analytics)
- Implement standardjs.com
- Implement JSVerbalExpressions
- update
index.html
- 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
- 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