Questions tagged [tween]

Animation technique of frame interpolation between keyframes.

A tween could be understood as a synonym of animation. Given two keyframes with a number of properties a tween gives intermediate values per keyframe between the two keyframes. Usually this task is achieved by using specific libraries.

http://en.wikipedia.org/wiki/Inbetweening

624 questions
2
votes
1 answer

ActionScript 3 - Tweening rotateAroundExternalPoint

i'm unsuccessfully trying to rotate a rectangle around an external point while tweening. i'm trying to lock the top of the red rectangle to the line while it tweens from left to right and rotates from 0º to 90º. alt text…
Chunky Chunk
  • 16,553
  • 15
  • 84
  • 162
2
votes
3 answers

createjs pause/resume all tweens

I tried adding my own methods to the Tween class to pause/resume all tweens. This is what I have: createjs.Tween.pauseAllTweens = function() { for ( var i = 0, tweenObj; tweenObj = createjs.Tween._tweens[i++]; ) …
gregmax17
  • 53
  • 1
  • 9
2
votes
1 answer

How to install Tween Engine in Libgdx (Eclipse project)

I am a newbie in Libgdx. I just started up Libgdx but I got struck up with TWEEN ENGINE ..!! I need the image to fade in and out. So I have added jar file as per this link Tween Engine but I am getting this error Exception in thread "main"…
Anusha
  • 939
  • 3
  • 13
  • 31
2
votes
1 answer

CreateJS/TweenJS, animate multiple properties with different functions in a single Tween

I would like to animate properties of an object with different effects but in a single Tween (performance issue), is it possible? Let's say I have an object {x:0,y:0} and I want to animate it to {x:100,y:100}. I started…
Zoff
  • 21
  • 3
2
votes
2 answers

Animate/move/translate/tween image in Unity 4.6 from C# code

How can I move/animate/translate/tween an Image from position A to position B using C# code in Unity 4.6? Assuming Image is a GameObject, so it could be a Button or whatever. There has to be a one-liner for this, right? I've been googling for a…
Jonny
  • 15,955
  • 18
  • 111
  • 232
2
votes
1 answer

d3js - Transition between 2 paths

I am trying to tween 2 path with the same number of segments. I am using the method described by Mike Bostock here: https://gist.github.com/mbostock/3916621 : svg.append("path") .attr("transform", "translate(180,150)scale(2,2)") .attr("d",…
Spearfisher
  • 8,445
  • 19
  • 70
  • 124
2
votes
1 answer

How do I create a bouncing or jumping motion with Phaser.io in a Tween?

I have the following code: var lion = game.add.sprite(2, 2,'lion'); var jump = game.add.tween(lion); jump.to({x: 1000, y: 1000 }, 10000, Phaser.Easing.Linear.None); // ... jump.start(); I create a sprite and would like to make it move between two…
cessor
  • 1,028
  • 11
  • 16
2
votes
1 answer

Tweened animation with Paper.js

I want to be able to define tweened animations using Paper.js. So far I have determined that Tween.js would probably be the best library to use for this. However I don't see any examples on the web, all of them seem to be for Three.js. Does anyone…
Alexander Molloy
  • 308
  • 1
  • 2
  • 11
2
votes
1 answer

Consecutive tweens Keneticjs 5.1.0

Ok, solved. Place the tween in the click function. http://jsfiddle.net/2GLF4/2/ star.on('click', function() { Spin60 = new Kinetic.Tween({ node: star, rotationDeg: star.rotation()+60, duration: 1, easing:…
2
votes
0 answers

How can I find the current position of a View when it's being translated by a tweening animation?

I have a View in an Android application, which is used to show a graphic. This View is being animated by a translation animation, specified in an XML file. In my case, the translation is moving the View from right to left across the screen. I'd like…
Tom Hume
  • 499
  • 1
  • 6
  • 12
2
votes
1 answer

AS3 : Why those compiler skip Tweenlite line?

I'm using Tweenlite and Starling in AS3. Everything is working but on last rewrite compiler just ignores Tweenlite command and just crashes with this error: [Fault] exception, information=undefined at…
ozr3n
  • 81
  • 7
2
votes
1 answer

Assigning two tweens to kineticjs object but conditionally executing only one

I have the following scenario. A blue rectangle and two tweens assigned to it from which only one will be executed depending on a conditional. Unfortunately the code below is not working: var rectangle = new Kinetic.Rect ({ width: 128, height:…
gaitat
  • 12,449
  • 4
  • 52
  • 76
2
votes
2 answers

AS3: Scaling Up Multiple Elements from Their Own Centers Each

This is the code I wrote to make it work, but it scales them all from one point, as if they are all inside one big container, not each one in its own container "middleContainer". How can I fix this? Thank you!! :) var thumbsContainer:MovieClip; var…
Ahmed
  • 45
  • 7
2
votes
0 answers

Nested Timelines jerk when individually manipulated later on

I'm trying to create Timelines within Timelines where I can have an ability to manipulate each child Timeline afterwards. These are results I have at this moment: [Codepen] Initially child timeline is paused, but then .play() function is passed…
skmasq
  • 4,470
  • 6
  • 42
  • 77
2
votes
0 answers

Android Studio/IntelliJ tweening trouble using libgdx

I have encountered a problem trying to use the Universal Tweening Engine. My IDE is Android Studio/IntelliJ. So here is my issue. I copied the tween-engine-api.jar and tween-engine-api-sources.jar into my IDE and added them both as libraries. …
Rohodude
  • 63
  • 7