Tag Archives: animation

If we have the full animation state specified for every animation step then one of the easiest things we can do is to change the speed of the animation by changing the increment, which is shown below. Clicking on any … Continue reading →

Here is the updated version that uses the information in the bcTransformList to build the cleanest possible stream of transformation events in the bcActivitiesList. The need for a separate structure to hold the initial and final states of the animation … Continue reading →

Continuing on from yesterday, once we get the transforms into a nice compact list in time order by type and by element we can go ahead and define the tweens for each type of transformation stream. However, I noticed that … Continue reading →

Yesterday’s attempt wasn’t too bad; I needed to fix the declaration and use of the object that holds the transform information (yesterday’s form only works if you initialize the internal member values with literals) and I needed to tweak a … Continue reading →

I found it necessary to create a list of elements that will be transformed during the animation. Within each list of elements there will be a sublist of transform types. Within each list of transform types there will be a … Continue reading →

Drawing things out graphically is always good to clarify thoughts, so I’ve done that with the problem at hand. Here I show the array of animation steps in a shorthand form. The red areas show steps where multiple assignments are … Continue reading →

The next logical thing to think about with the animation capability is the idea of specifying the full state of every element during every time step. If this is done then we don’t have to worry about missing animation steps … Continue reading →

One thing I snuck into yesterday’s code examples without explaining is a way to use different animations for the same property of the same element. The way it works now the functions that generate tween information install commands into the … Continue reading →

Today I’m adding two new types of tweens, but once this is done the method for doing subsequent ones should be pretty clear. The first type is for hiding elements using the display property. This is useful for longer animations … Continue reading →

Today I implemented a few more basic animation features and gained more insight into how the Greensock animation product probably works. The first thing I did was add the capability to pause and continue the animation. That was trivial. I … Continue reading →