Jump to content

Using Spriter animations in Cocos2d-JS


qertis
 Share

Recommended Posts

  • 3 weeks later...

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.

Link to comment
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

Link to comment
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.

Link to comment
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!

Link to comment
Share on other sites

  • 2 months later...
  • 3 weeks later...
  • 1 month later...

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.

Link to comment
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
Link to comment
Share on other sites

  • 1 month later...
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

Link to comment
Share on other sites

  • 9 months later...
  • 6 months later...

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.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...