Stack Overflow
Stack Overflow

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
3
votes
0 answers

TweenAnimationBuilder is not repeating properly Flutter

I have a a basic TweenAnimationBuilder to animate a CircularProgressIndicator which I want to repeat on click or onEnd animation : Consumer( builder: (context, model, child) { …
nicover
  • 2,213
  • 10
  • 24
3
votes
4 answers

Variable is returning as NaN in js

I am rotating a model. When I click start button it starts from 0 start = animateAssembly I am trying to resume from width. What ever value of width will be there my animation will start from there. resume = resumeAssembly but width variable…
xMayank
  • 1,875
  • 2
  • 5
  • 19
3
votes
3 answers

Complex android animations for a 2D game : what approach?

I'm starting a 2D game for Android ( and iPhone later ). I want to animate animals on the screen ( think a cartoon dog ). What is the best approach to do so ? Should I use the built in tweening apis from Android, and mix them to obtain the good…
Alex
  • 538
  • 1
  • 8
  • 18
3
votes
2 answers

D3.js: Retrieve x-axis information while transition is running

I am trying to create a timeline using D3.js v4. I have successfully created my scatter plot with its axis and a brush to allow users define a specific time period. I want to allow users to be able to 'play' the timeline just like an audio/video…
user3389819
  • 37
  • 6
3
votes
2 answers

How to tween a camera to an object in three.js?

I've created some objects in my scene, and set up raycasting/tweening code so that whenever I click on an object, the object animates directly to the position and rotation of the camera. This is my code for raycasting/tweening the object: function…
qbuffer
  • 383
  • 4
  • 14
3
votes
1 answer

Calculate GSAP eased tween duration given desired starting velocity

I have a sequence of two GSAP tweens. The second tween is dependent on the first. The first tween moves an element to the right using Power3.easeIn. When this first tween ends, I calculate the instantaneous velocity of the element so I know how fast…
Lange
  • 135
  • 7
3
votes
1 answer

prevent translate tween from resetting - android

I have a simple translate tween that moves an object up 200 pixels. As soon as it's finished moving, it always bounces back to its original state and I don't want that. I want it to stay where I moved it. I know this is should be an obvious…
Blair Jones
  • 311
  • 3
  • 4
  • 8
3
votes
2 answers

How to stop tween of element in CreateJS/TweenJS

I have multiple Tweens in CreateJS/TweenJS: createjs.Tween.get(elem1).to({..}); createjs.Tween.get(elem2).to({..}); In timeline, I need to stop one of Tweens. I tried: var tween1 = createjs.Tween.get(elem1).to({..}); var tween2 =…
zur4ik
  • 6,072
  • 9
  • 52
  • 78
3
votes
1 answer

How to finish or end a tween instantly with Universal Tween Engine?

Universal Tween Engine has a TweenManager.killTarget() option, but this kills a tween without finishing it. I want to end a tween having the target set to the end of the tween instantly. Unfortunatly I can't find a way to do it? The same goes for…
Tom Bevelander
  • 1,686
  • 1
  • 22
  • 31
3
votes
1 answer

how to rotate my tween in the center of the container

i have a container 276*266 and i want to rotate an object in the center of this container thats for i am using this code : createjs.Tween.get(element, {loop: false}) .to({regY:element.height/2,…
Coolbrain
  • 41
  • 1
  • 8
3
votes
1 answer

D3.js - Tween Arc position, inner Radius and outer Radius - D3.js Arc

I am trying to work out how to tween multiple arcs to new positions, while also changing the size of the arc in terms of its inner and outer radius. Meaning it will move from its current position on the canvas to its new position while also morphing…
Leeroy
  • 53
  • 6
3
votes
2 answers

Changing the length of a line renderer using DOTween

I am trying to change the length of my line renderer over time using DOTween. LineRenderer myLineRenderer = GetComponent(); myLineRenderer.SetPosition(1, new Vector3(x, 0, 0)); This code snippet changes the position of myLineRenderer…
Ogen
  • 6,499
  • 7
  • 58
  • 124
3
votes
0 answers

d3.js - tween numbers on multiple elements

I've built a chart with a series of "small multiples", each representing a percentage of completion, arranged in rows and columns. Each row has a different number that represents "complete". You can view the chart in this fiddle:…
rolfsf
  • 1,853
  • 3
  • 24
  • 34
3
votes
1 answer

Tween JS basics on three JS cube

I am new to Tween JS, and trying to make a simple animation of moving to the right using Tween. Below is my code in the init function ( I am using Three JS): var geometry = new THREE.CylinderGeometry( 200,200, 200, 4, 0 ); var material = new…
RickyHalim
  • 295
  • 6
  • 22
3
votes
3 answers

why dont i have universal tween engine when setting up LibGDX

Following a tutorial on setting up A LibGDX project and the tutorial says that in the third party section there should be a Universal Tween Engine. Mines not showing up, is there a way for it to show up? What do i have to download? Thanks in…
user3484803
1 2
3
…
41 42