Jump to content
This forum will be closing down. Please move to the respective dedicated project forums.

TweenJS in Pixi without the tick


sebrofjr
 Share

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:

http://www.createjs.com/Docs/TweenJS/modules/TweenJS.html

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

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.

Loading...
 Share

  • Recently Browsing   0 members

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