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

three.js animate a Mesh with Color transition (tween.js)

I'm getting crazy trying to achieve this. I want to change the color of a mesh(ConvexGeometry) when I hovered, until here I can do it without any problem, I can change the color of the mesh. The problem comes when I want to make it with a color…
elverde
  • 193
  • 2
  • 7
5
votes
1 answer

Following a custom path in TweenJs

i'm trying to design a simple animation with TweenJs.. Lets consider two people playing throwing ball. I've managed to move the ball in a linear path. But it has to seem realistic. Ball should follow a curvy path like there is gravity.. How can i…
DonkeyKong
  • 808
  • 1
  • 10
  • 24
5
votes
1 answer

Java Swing GridBagLayout panel resize issues

I am working on a simple little swing application for a relative, but I'm having trouble implementing animations on it... Here is a description of my layout: I have a main window (created by instantiating, packing, and displaying a JFrame). I have…
Georges Oates Larsen
  • 6,812
  • 12
  • 51
  • 67
5
votes
3 answers

android - Slide ListView with setX, setPadding, or tween animation?

Without going into too much detail, I want to be able to 'slide' elements in a ListView similar to the 'slide to archive' feature in GMail. I'm fine with the onTouchListener and all that, my question is regarding the slide animation. The first two…
Sean Connolly
  • 5,692
  • 7
  • 37
  • 74
4
votes
1 answer

gganimate animate multiple paths based on time

I have parsed some data on grenade throws from the videogame Counter Strike. The sample data beloew reveals that I have positions on where the grenade is thrown from and where the grenade detonates and when the grenade is thrown. df <-…
Bønding
  • 77
  • 6
4
votes
7 answers

Great animation engines for Javascript? - Javascript/Animations

I'm trying to implement a timeline based animation, where animations will be able to be: paused resumed fast forwarded slowed down reversed ... Are there any animation/tweening engines for Javascript that could be used for such purpose? Or that…
RadiantHex
  • 24,907
  • 47
  • 148
  • 244
4
votes
2 answers

Moving an object in elliptical Path

In my LigGdx based game, I wish to move my Sprite in an elliptical path to reach the destination. I do not find any support in Universal tween engine. Sample of route example is shown below. Questions : Is there is any methods in UniversalTween…
iappmaker
  • 2,945
  • 9
  • 35
  • 76
4
votes
1 answer

Combining EaselJS and TweenJS for Fade Over Time

I have a working animation that uses only EaselJS to load and display images. The whole animation works quite well, but images appear and disappear immediately. I would like them to fade in and out over time. Here's a small jsfiddle that might…
Jake
  • 3,142
  • 4
  • 30
  • 48
4
votes
1 answer

Timeline Lite - how to simultaneously tween multiple objects

I am sequencing a number of tweens in Timeline lite, but I want a couple of them to happen to different objects at the same time. Is there a way to do this without the onComplete function. My current tween sequence is: tl.to($slideTitle, 0.3,…
mheavers
  • 29,530
  • 58
  • 194
  • 315
4
votes
2 answers

Tween Animation and Frame by Frame Animation in Android

What is Tween Animation and Frame by Frame Animation in Android?
EAGLE
  • 586
  • 1
  • 6
  • 15
4
votes
2 answers

tweening svg attributes with greensock tweenlite (js version)

I want to use greensock's js animation platform to tween the radius of an svg circle, but it doesn't seem to be working, and I didn't see anything in the documentation about tweening attributes, only css properties. Is this possible? I essentially…
mheavers
  • 29,530
  • 58
  • 194
  • 315
4
votes
2 answers

android: move to touch location after release with libgdx/universal-tween-engine

I'm learning to use libgdx with universal-tween-engine and haven't been able to figure out how to touch (or click on the desktop app) a point on the screen and have a texture move all the way to the touched location without keeping the touch or…
nils
  • 338
  • 4
  • 11
3
votes
2 answers

Extract tween values from tween.js

If i had a tween with a running duration of 2000ms and i wanted to extract the tweened value at 1000ms, how would i go about doing this? I am using Tween.js @ http://github.com/sole/tween.js var position = {y: 0}; t = new TWEEN.Tween(position) …
Casey Yee
  • 445
  • 1
  • 5
  • 12
3
votes
1 answer

How do I tween two positions with jQuery?

If I have the following markup:
  1. first
  1. second
How do I use jQuery to 'tween' animate moving li#1 to ol.target. I can imagine how to do this in a raw way with…
Dane O'Connor
  • 75,180
  • 37
  • 119
  • 173
3
votes
0 answers

Move Camera to the User-Clicked Location Using Tween for Three.js Panorama

My goal is to move Camera to the user-clicked location so the clicked location is centered for my equirectangular panorama. I am using tween.js to achieve this and the Camera does span but I cannot get the new coordinates centered correctly. I tried…
Vad
  • 3,658
  • 8
  • 46
  • 81
1
2
3
…
41 42