IonPhaser

IonPhaser

Create More Advanced Hybrid Mobile Apps for Modern Devices

$15.00

Not yet rated
Juan David Nicholls

Juan David Nicholls

Member since 2014

Details

Version:
1.0
Size:
0mb
Ionic:
1.0 beta 14,1.0.0,1.0.1
Platforms:
iOS, Android, Windows Phone
View ID:
fed7b239
Released:
3 years ago
Updated:
3 years ago
Category:
Plugins
Tags:
Ionic, Phaser, Angular, Javascript, Canvas

IonPhaser - Create More Advanced Hybrid Mobile Apps for Modern Devices

IonPhaser 30% Off

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

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!!

Documentation

You can check the documentation here to see how the project is structured.

Screens

Home Gallery Menu Dragon Draw StarWars Photo Tinder FlappyBird

Ionic Transitions vs Native Transitions (Using ionic-native-transitions plugin)

IonicTransitions NativeTransitions

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

Discover Phaser A Guide to the Phaser Scale Manager A Guide to the Phaser Tween Manager Interphase 2 Mobile Development

Credits

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

Ionic meets Phaser

Happy coding

Made with <3

Hey there! You'll need to log in before you can leave a comment here.

InLabs

InLabs   ·   3 years ago

Excelente!!

Jorge

Jorge   ·   3 years ago

Very Creative application template. Recommended

Jose Ripoll

Jose Ripoll   ·   3 years ago

Ionic and Phaser playing together? wow, I have to see it

Daniel Malkafly

Daniel Malkafly   ·   3 years ago

i need it!

Pedro Dias

Pedro Dias   ·   3 years ago

I'm having problems, to make the payment. Can't you use paypal or something to make this step easier.

Juan David Nicholls

Juan David Nicholls   ·   3 years ago

My email is [email protected] :)

Dimitri

Dimitri   ·   2 years ago

7 months without an update? Now I'm sad. :( I wanted to buy this but... seeing the state it actually is, it makes me back out and wait. I really hope this moves forward.

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

7 months without any issue reported on GitHub... https://github.com/jdnichollsc/IonPhaser I want to add new features, what do you want to see in this project?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Christopher Ridout

Christopher Ridout   ·   2 years ago

Are you thinking of support for Ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Yes! Let me check this weekend :)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ryan Pascal

Ryan Pascal   ·   2 years ago

Does it work for Ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Let me migrate the template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

M N

M N   ·   2 years ago

Is it compatible with ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Let me migrate the template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

The countdown

The countdown   ·   2 years ago

Hi Juan David. Is it already compatible with ionic 2?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

The countdown

The countdown   ·   2 years ago

Hi Juan David. Is it already compatible with ionic 2?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

M N

M N   ·   2 years ago

Is it compatible with ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Let me migrate the template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Ryan Pascal

Ryan Pascal   ·   2 years ago

Does it work for Ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Let me migrate the template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Christopher Ridout

Christopher Ridout   ·   2 years ago

Are you thinking of support for Ionic 2?

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

Yes! Let me check this weekend :)

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Dimitri

Dimitri   ·   2 years ago

7 months without an update? Now I'm sad. :( I wanted to buy this but... seeing the state it actually is, it makes me back out and wait. I really hope this moves forward.

Juan David Nicholls

Juan David Nicholls   ·   2 years ago

7 months without any issue reported on GitHub... https://github.com/jdnichollsc/IonPhaser I want to add new features, what do you want to see in this project?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Jorge

Jorge   ·   3 years ago

Very Creative application template. Recommended

Pedro Dias

Pedro Dias   ·   3 years ago

I'm having problems, to make the payment. Can't you use paypal or something to make this step easier.

Daniel Malkafly

Daniel Malkafly   ·   3 years ago

i need it!

Jose Ripoll

Jose Ripoll   ·   3 years ago

Ionic and Phaser playing together? wow, I have to see it

InLabs

InLabs   ·   3 years ago

Excelente!!

Juan David Nicholls

Juan David Nicholls   ·   3 years ago

My email is [email protected] :)