jeudi 29 janvier 2015

Create EaselJS sprite animation with SpriteStage (WebGL)


I have this sprite animation in EaselJS created with the classic Stage, here is the fiddle:


Fiddle: http://ift.tt/15VTou9


EaselJS now has SpriteStage, which translates to WebGL and falls back to canvas if needed.


How do I create the example above with SpriteStage? Can you guys help me with a fiddle? Even though it is a very simple example, I just can't get it to work. I would be forever greatful if you can help me out with a working fiddle


Note: SpriteStage and SpriteContainer are in BETA and need to be included separately


http://ift.tt/15SjiOC http://ift.tt/15VTpOE


The reason behind this is that I want to create some sprite animations in WebGL (for obvious reasons) that fallback on canvas when WebGL is not supported. EaselJS is now offering a fast and simple solution with SpriteStage, but I'm open to other solutions as well


Any kind of help is highly appreciated, thanks!


EDIT:


Thanks to Lanny, I have a fiddle with a somewhat working version of my sprite animation using SpriteStage, however, here it's not loading, all I see is a black background. it seems that it's not managing to load the background, any idea how to fix this? His fiddle http://ift.tt/1HlXHzp





Aucun commentaire:

Enregistrer un commentaire