IonPhaser
IonPhaser - Create More Advanced Hybrid Mobile Apps for Modern Devices
http://market.ionic.io/plugins/ionphaser
While the documentation is created and the examples are improved, you can buy this plugin with the 30% off, pay now only $14,99 instead of $21,99 (The final price).
Introduction
IonPhaser is an Angular directive to Ionic Framework 1.x, is the best way to integrate Phaser Framework to create more advanced hybrid mobile applications for modern devices.
The CSS Animations have a better performance but WebGL/Canvas is more powerfull. Phaser Framework use the canvas to create dynamic graphics using JavaScript easily.
Note: This project structure is based on my free Ionic Starter Template, you can migrate any Ionic 1.x project to this template to use Gulp in the best way.
Demo
* Download the Ionic View App in your device.
* Preview the app using the ID: fed7b239
* That's all, folks!!
Take care with the performance
* On iOS works excellent.
* On Android you can improve the performance if is required using Crosswalk or Cocoon.
Ionic Framework Links
Phaser Framework Links
Credits
* Canvas drawing techniques. http://perfectionkills.com/exploring-canvas-drawing-techniques/
* Canvas image filters. https://github.com/kig/canvasfilters
* Dependencies:
2. ngCordova
4. ionic-ion-swipe-cards. Any issue related with the tinder cards post in this link repository.
7. phaser-state-transition-plugin
8. Collide
Changelog
- First Version with examples - 2016-04-05:
1. Dragon with light effects from Game Mechanic Explorer.
2. Draw in canvas (Like a signature).
3. Star Wars animation (It isn't a video!).
4. Photo with some filters (Like instagram).
5. Tinder cards with effects.
6. Flappy bird with Arcade physics and debug option to developers.
7. Home and Menu screens with CSS animations using Animate.css.
8. Phaser states using Angular Services (You can interact with the current state of Phaser from Angular Controllers and viceversa!)
Support
If you need technical support or have any questions, please create a issue in the following repository: https://github.com/jdnichollsc/IonPhaser
Happy coding
Made with <3
Regards, Nicholls