Jump to content
qertis

Using Spriter animations in Cocos2d-JS

Recommended Posts

That's exciting, qertis.  Good work.  Cocos2d-x-JS needs the Spriter option.  I'm curious, do you develop in CC2DX-JS and use skeletal animation?  If so, in your experience, is that combo ready-for-production use, or still a bit early in dev, i.e. not mature yet?  I'm trying to sort out the options, but sometimes the information is incomplete or out of date.

Thanks for your work on the Spriter port.

Share this post


Link to post
Share on other sites

cc_spriter updated 

Features:

  • Remove goog and spriter from window object
  • Basic animations
  • Bone animations
  • All curve types (Instant, Linear, Quadratic, Cubic, Quartic, Quintic, Bezier)
  • Points
  • Collision Rectangles
  • SubEntities
  • Events
  • Variables
  • Tags
  • Character maps
  • Animation Blending
  • Minified size ~63kB

https://github.com/qertis/cc_spriter/releases/tag/1.0.0

Share this post


Link to post
Share on other sites
On 11/23/2015, 7:56:11, gmalone said:

That's exciting, qertis.  Good work.  Cocos2d-x-JS needs the Spriter option.  I'm curious, do you develop in CC2DX-JS and use skeletal animation?  If so, in your experience, is that combo ready-for-production use, or still a bit early in dev, i.e. not mature yet?  I'm trying to sort out the options, but sometimes the information is incomplete or out of date.

Thanks for your work on the Spriter port.

Yes, it's a mature and ready for production.

Share this post


Link to post
Share on other sites
On 11/28/2015, 5:12:17, qertis said:

cc_spriter updated 

Features:

  • Remove goog and spriter from window object
  • Basic animations
  • Bone animations
  • All curve types (Instant, Linear, Quadratic, Cubic, Quartic, Quintic, Bezier)
  • Points
  • Collision Rectangles
  • SubEntities
  • Events
  • Variables
  • Tags
  • Character maps
  • Animation Blending
  • Minified size ~63kB

https://github.com/qertis/cc_spriter/releases/tag/1.0.0

excellent job!

Share this post


Link to post
Share on other sites

I'm having issues with this.. I cant create multiple instances of cc.Spriter. For example, if I create a cc.Spriter object give it a entity and anim that is OK. As soon as I create another cc.Spriter instance it seems to be that the new cc.Spriter instance is tied to the previous one changing the entity and the anim of the first cc.Spriter object rather than the one I just created.

Share this post


Link to post
Share on other sites

I'm having issues with this.. I cant create multiple instances of cc.Spriter. For example, if I create a cc.Spriter object give it a entitiy and anim that is OK. As soon as I create another cc.Spriter instance it seems to be that the new cc.Spriter instance is tied to the previous one changing the entity and the anim of the first cc.Spriter object rather than the one one I just created.

 

Ok I've sort of figured it out.. _hideAllSprites() is hiding sprites from every sprite even from different instances. If i remove hide all sprites I can now see both animations playing.

 

EDIT(SOLUTION): I changed the class a bit.. I made it so that sprites is now an array inside of the class defined as:

sprites: []

but you also have to define it in the constructor like:

ctor:function (sconLink) {
this._super();

    this.sprites = [];

so that it is not a shared array among your instances

 

Edited by vox

Share this post


Link to post
Share on other sites
On 10.04.2016 at 8:13 AM, vox said:

I'm having issues with this.. I cant create multiple instances of cc.Spriter. For example, if I create a cc.Spriter object give it a entitiy and anim that is OK. As soon as I create another cc.Spriter instance it seems to be that the new cc.Spriter instance is tied to the previous one changing the entity and the anim of the first cc.Spriter object rather than the one one I just created.

 

Ok I've sort of figured it out.. _hideAllSprites() is hiding sprites from every sprite even from different instances. If i remove hide all sprites I can now see both animations playing.

 

EDIT(SOLUTION): I changed the class a bit.. I made it so that sprites is now an array inside of the class defined as:


sprites: []

but you also have to define it in the constructor like:


ctor:function (sconLink) {
this._super();

    this.sprites = [];

so that it is not a shared array among your instances

 

Thank you!

Merged: https://github.com/tewst/cc_spriter/commit/f11f000da29e8e7d27e90833bd16fe9110926f3a

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...