Pixi.js

[friendlygiraffe 17 Likes (Newbie)]

http://www.pixijs.com/

 

I've discovered this rendering engine to be really fast when rendering games on mobile devices

 

Has anyone used this before? If so would it integrate with GreenSock?

 

Thanks

[Carl 11,179 Likes (Superhero)]

I haven't used it myself, but these sites taken from the Pixi.js portfolio use GSAP

 

https://kickwithchrome.withgoogle.com/en-US/#/games

https://ssl.toyota.com/bethehero/

http://www.goodboydigital.com/runpixierun/

http://www.theleisuresociety.co.uk/fightforeveryone/

http://www.mcdonalds.co.uk/ukhome/promotions/bigmac.html

 

Remember, GSAP can tween any numeric property of any JavaScript object which makes it work very well with a number of third-party libraries.

[friendlygiraffe 17 Likes (Newbie)]

Great. Those games work on mobile very fast

Thanks

[GreenSock 18,596 Likes (Superhero)]

Yep, I've heard great things about using GSAP with PIXI as the renderer. Excellent combination. Let us know how it goes for you. 

[OSUblake 18,497 Likes (Superhero)]

Pixi.js is the best WebGL/Canvas renderer I've tried, although I prefer to use Phaser, which is a Pixi game framework that does basically everything.

 

I was totally shocked today when I discovered that I could use GSAP instead of Phaser's tweening engine. Everything I tested seems to be in sync.

 

http://www.html5gamedevs.com/topic/6773-phasers-tweening-syste-does-not-meet-my-needs-i-think/?hl=greensock#entry40388

 

Phaser.io

[renato.gaspar 0 Likes (Newbie)]

hi!

 

i wanna know that's a resource to integrate the pixi.js "update/render" with the GSAP "update/render"?

 

I think this will be great to increase the overall performace!

 

thx!

[keegangbrown 6 Likes (Newbie)]

For the next dude that lands here via google -- some nice person has made a plugin that does exactly what you're looking for:

 

https://github.com/noprotocol/gsap-pixi-plugin

[OSUblake 18,497 Likes (Superhero)]

Oh that's nice! Normally you have to create separate tweens for a lot of properties because they are also point objects. I've been using my own getters and setters, but this is much better.