Jump to content

TweenJS in Pixi without the tick


Recommended Posts

I'm trying to implement TweenJS with Pixi and I have it working by adding the useTicks:true parameter and then calling createjs.Tween.tick(); in the requestAnimFrame.


I would like to have it working based off of time though instead of ticks.  Any idea how to implement this?


The TweenJS docs state a custom ticker function is required:


Tweenjs requires a ticker function, which is included in EaselJS. If you are not using EaselJS, you must build your own ticker function that calls tick on the tweens.
Link to comment
Share on other sites

If you want to use the ticker from EaselJS and not have to make your own or include the whole EaselJS library, you can do that by building TweenJS yourself.


1. Download the ticker file here: https://github.com/CreateJS/EaselJS/blob/master/src/easeljs/utils/Ticker.js

2. Download the TweenJS source here: https://github.com/CreateJS/TweenJS

3. Copy Ticker.js in src/tweenjs

4. Add "../src/tweenjs/Ticker.js", right after "../src/createjs/events/EventDispatcher.js", in build/config.json

5. Run grunt

Link to comment
Share on other sites

After talking with our PM's and legal we may be able to work something out with GreenSock.  Fingers crossed, i love that framework in AS3.


Still going to go the route of trying Grunt out too as I have been interested in that as well.

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

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