I used the lastest version 1.0.2, when tweening 2+ objects then turned to a new tab, went back after a while the page became crashing. This problem would not be found with version 0.6.2. So now I have to use 0.6.2 again, waiting for fixing this problem.

It seems to be impossible to stop/remove Tweens inbetween. In the latest version tweenjs_count is checked before removing tweens in Tween.removeTweens, however, this never seems to get set to more than 0..

Note, I'm using the NEXT version.

It would be very convenient if TweenJS was available in the npm registry. I believe an increasingly common workflow is to manage both frontend and backend dependencies with npm, and use something like Browserify or Webpack to bundle your vendor dependencies for the frontend.

Of the many frontend packages I routinely work with, TweenJS is in fact the last one I'm left pulling with Bower. If a npm package was available, I could finally ditch Bower completely.

Hi, I've created a plugin for the feature that I was really missing in TweenJS- color tweening. It can be used to tween colors in any format: RGB, HSL or Hex. Can tween fill color of: Shape, Text and Shadow, as well as other potential objects that might have the color property.

• For colors defined in RGB or Hex format use: r, g, b tweening options.
• For colors defined in HSL format use: h, s, l tweening options.

Example of usage:

createjs.ColorPlugin.install();
...
shape1.graphics.beginFill("hsl(100, 50%, 80%)");
shape2.graphics.beginFill("#FA1122");
...
createjs.Tween.get(shape1).to({ h: 100, s: 90, l: 10 }, 500);
createjs.Tween.get(shape2).to({ r: 200, b: 250 }, 1500);

So I'm trying to integrate TweenJS into a team project. My PR is getting rejected because TweenJS creates multiple rAF callbacks per frame, as opposed to one single rAF callback per frame. I was wondering if that use case is supported? I think the useTicks options and tick method would do it, but it doesn't seem to animate correctly? I couldn't find any examples of how I might support that use case (but would be happy to send a PR with a new example once I figure it out). Is it possible for me to disable the Ticker class from creating multiple rAF calls, and instead be able to pass the time delta from my single rAF callback into a tween instance?

It's nice to have multiple targets in Tween.get to reduce the number of lines in code:

var target_a = new createjs.Shape();
var target_b = new createjs.Shape();
var targets = [target_a, target_b];

createjs.Tween.get(targets, {loop:true}, true)
    .to({x: 300, y: 300}, 3000);

// also support the following:
createjs.Tween.get(target_a, {loop:true}, true)
    .to({x: 300, y: 300}, 3000);
createjs.Tween.get(target_b, {loop:true}, true)
    .to({x: 300, y: 300}, 3000);

I have tried this a few times on a powerful system, it's pretty easy to reproduce: I go to the tween demo click on a few ease types and leave the tab; after a few minutes, an "Aw, snap" shows up on that tab saying I need to free up more memory.

Task manager and Timeline don't show noticeable memory leak while the tab is in focus. After switching to another tab it starts eating memory. Looks like there is a cleaning action that is triggered with rendering (requestAnimationFrame?).

When I try to reference the TWEEN class in my code, I get an "Uncaught ReferenceError" saying that TWEEN is undefined. I have used the TweenJS CDN, the CreateJS CDN, the minified and the unminified file locally, and searched through countless examples to try and find out where I am going wrong. The line I get the error on is:

var tween = new TWEEN.Tween(location);

When I use the CreateJS CDN, the browser has no trouble with "new createjs...", but I just cannot get TweenJS to work.

I'm using TweenJS and EaselJs installed using bower. I've encountered a problem recently where it seems the tick listener is calling the procedure this.canvas.getContext several times prompting this error:

Any suggestion?

Hi! I have 2 different components on my page. Each of them uses tween.js for animation, but one of them should work with Ticker.timingMode = Ticker.RAF and another one should work with Ticker.timingMode = Ticker.TIMEOUT. So as Ticker is a global variable, I have no idea how to implement this. Maybe, it's possible to call ticks manually for each component?

Hi, if i set a bunch of delayed called, they appear to return in the incorrect order:

p.loop = function () {
for (var i = 0; i < 10; i ++) {
    // override can be true or false
    createjs.Tween.get( {}, {override : false} )
        .wait(  1000 )
        .call( this.printID, [ i ], this )
    }
}

p.printID = function ( id ) {
    console.log( id )
}

This then outputs:

9
8
7
6
5
4
3
2
1
0

This is wrong right? First in should be first out.

If I were to use TweenMax with the following code:

TweenMax.delayedCall( 1.0, this.printID, [ i ], this );

the results would be:

0
1
2
3
etc...

I am trying to add color to a single word in the whole text that the user inputs in the Text class. text attribute but it changes the color of the whole text sentence and I am not finding any possible way to do that

Is it possible to change the color of a particular word in the whole text sentence? Example: "Welcome to ADVR world" in this sentence inputted by the user I want to add a different color to "ADVR" and rest should be set to white color

I tried this setting props in .set({color: 'red', text: 'ADVR'}) method but it removes the other text and adds only ADVR with red color

I want the whole sentence in white and only ADVR in red.

Is it possible to do that

If Yes, please it would be a great help to me Thank you in advance. @gskinner

Hi,

I do have infinitive Tween loop and i tried to change the duration for every loop ..It seems if you change duration property its get stuck any work around for this?

Br, Gopi

I reported this as a bug to Adobe. Someone at the Adobe Community suggested to submit an issue here as well. Here's the bug report:

1. Download and open the file in Adobe Animate CC. buttons.zip.
2. Select the first frame in the "as" layer in the Timeline and open the Actions panel (Window > Actions).
3. Go to code line 59 (it is a CreateJS Tween). Change the scaleX, scaleY and alpha values to 0, instead of 0.01.
4. Test the project (Control > Test).
5. Click on an image. A "window" opens with some info.
6. Click on the orange circle with an "x" at the top right corner of the canvas.
7. Move the cursor over an image and click.

Results: The images don't respond to mouse events anymore. Expected results: The images should respond to the mouse when over, out and when clicked.

I have written a game using easeljs + preloadjs + soundjs + tweenjs. The scene order like this: I used the same canvas for different scene. Promo Scene -> Start Game Scene Every time finishing the game, the restart button will go to Promo Scene again.

I found that probably(I haven't dig deep enough to find out) I use stage.clear(), stage.removeAllEventListeners() and so on. The Tween ticker is somehow being removed from the scene. So, first run, everything is fine, afterward, the Tween does not run unless I set Tween._inited = false before anything start again. Since the big Tween is supposed to be added once as tick function according to the source code logic.

I add this in restart game logic createjs.Tween._inited = false; as workaround. Since_inited is undocumented due to it is an internal property.

I think it is an issue for restarting everything, in the above situation, but not necessarily a bug.

if (!Tween._inited && createjs.Ticker) {
	console.log("init Tween");
	createjs.Ticker.addEventListener("tick", Tween); Tween._inited = true; 
}

Your name is in conflict with another package, can't seem to install your package via bower

$ bower install TweenJS
bower TweenJS#^0.6.2        not-cached https://github.com/sole/tween.js.git#^0.6.2
bower TweenJS#^0.6.2           resolve https://github.com/sole/tween.js.git#^0.6.2
bower TweenJS#*                 cached https://github.com/CreateJS/TweenJS.git#0.6.2
bower TweenJS#*               validate 0.6.2 against https://github.com/CreateJS/TweenJS.git#*
bower TweenJS#^0.6.2      ENORESTARGET No tag found that was able to satisfy ^0.6.2

Additional error details:
Available versions in https://github.com/sole/tween.js.git: 16.3.5, 16.3.4, 16.3.3, 16.3.2, 16.3.1, 16.3.0, 16.2.0, 16.1.1, 16.1.0

$ bower install https://github.com/CreateJS/TweenJS.git
bower TweenJS#*             not-cached https://github.com/CreateJS/TweenJS.git#*
bower TweenJS#*                resolve https://github.com/CreateJS/TweenJS.git#*
bower TweenJS#^0.6.2        not-cached https://github.com/sole/tween.js.git#^0.6.2
bower TweenJS#^0.6.2           resolve https://github.com/sole/tween.js.git#^0.6.2
bower TweenJS#*               download https://github.com/CreateJS/TweenJS/archive/0.6.2.tar.gz
bower TweenJS#*                extract archive.tar.gz
bower TweenJS#*           invalid-meta for:/tmp/peter/bower/c3e5c7552a2c79aab8799f5960525753-380-3HsIrX/bower.json
bower TweenJS#*           invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower TweenJS#*               resolved https://github.com/CreateJS/TweenJS.git#0.6.2
bower TweenJS#^0.6.2      ENORESTARGET No tag found that was able to satisfy ^0.6.2

Additional error details:
Available versions in https://github.com/sole/tween.js.git: 16.3.5, 16.3.4, 16.3.3, 16.3.2, 16.3.1, 16.3.0, 16.2.0, 16.1.1, 16.1.0

$ bower install https://github.com/CreateJS/TweenJS.git --save --force
bower TweenJS#*                resolve https://github.com/CreateJS/TweenJS.git#*
bower EaselJS#^0.8.2           resolve https://github.com/CreateJS/EaselJS.git#^0.8.2
bower TweenJS#*               download https://github.com/CreateJS/TweenJS/archive/0.6.2.tar.gz
bower tween.js#^16.3.5         resolve https://github.com/sole/tween.js.git#^16.3.5
bower TweenJS#^0.6.2           resolve https://github.com/sole/tween.js.git#^0.6.2
bower EaselJS#^0.8.2          download https://github.com/CreateJS/EaselJS/archive/0.8.2.tar.gz
bower tween.js#^16.3.5        download https://github.com/sole/tween.js/archive/v16.3.5.tar.gz
bower TweenJS#*               progress received 0.8MB of 1.2MB downloaded, 72%
bower TweenJS#*               progress received 1.0MB of 1.2MB downloaded, 85%
bower TweenJS#*               progress received 1.2MB of 1.2MB downloaded, 99%
bower TweenJS#*                extract archive.tar.gz
bower EaselJS#^0.8.2          progress received 0.7MB
bower tween.js#^16.3.5         extract archive.tar.gz
bower tween.js#^16.3.5        resolved https://github.com/sole/tween.js.git#16.3.5
bower TweenJS#*                  retry Decompression of archive.tar.gz failed with EACCES, trying with git..
bower TweenJS#*               checkout 0.6.2
bower EaselJS#^0.8.2          progress received 1.0MB
bower EaselJS#^0.8.2          progress received 1.2MB
bower EaselJS#^0.8.2          progress received 1.6MB
bower EaselJS#^0.8.2          progress received 1.9MB
bower EaselJS#^0.8.2          progress received 2.2MB
bower TweenJS#^0.6.2      ENORESTARGET No tag found that was able to satisfy ^0.6.2

Additional error details:
Available versions in https://github.com/sole/tween.js.git: 16.3.5, 16.3.4, 16.3.3, 16.3.2, 16.3.1, 16.3.0, 16.2.0, 16.1.1, 16.1.0