extending on yesterdays post, I added image elements to each div. For a developer with a flash background, I need to poit out that I find that Mootools handles tween animation in a similar way. Other frameworks have animation packages, my personal...

Mootools has an FX Class which incorporates 3 ways to animate an object withing the DOM. - FX.Tween - FX.Morph - FX.Transitions The one in this experiment is the FX Tween.  The Tween effect is used to transition any CSS property from one value...

In a  navigation GUI where the mouse needs to have a hit test before toggling a menu, animate in a tween like effect and stay open as long as the mouse is on the menu. I had written an example in actionScript 2 a while back and rewrote it in AS3....

My second take on the accordion collapsible menu in AS3. This time around I eliminated the function responsible for animating the grow/reduce easing and relied on my custom AS3 easing class written based on the easing formula posts. This way I get...

Accordion collapsible menu in AS3. This experiments is a rewrite of the version I had done using the Adobe Flash 9 public alpha.   I based the AS3 code on the collapsible menu v2 post.  In this example I rewrote a function for the tween...

A few months ago I had released an easing tween class  that I wrote in AS2 based on the easing formula posts.  The basic principle is to get a clip to move, scale or rotate from point A to B with different movement equations. this is an alternative...

Happy to say that I have restarted coding in the past weeks and will be posting new experiments in the coming days and weeks.  For starters, I wanted to release my easing tween fclass that I wrote based on the easing formula posts.  The basic...

I took a look at Robert Penner's easing formula's and decided to include them in a list of potential esing that can be done via the easing tween animation post.  Thanks again to Robert for bringinmg these formulas along in 2000...can you beeive...

This is the third of Terry Schubring's easing formula.  It's all based on the easing tween animation post.  I am using easing to create a linear tweens along the x axis.  You can notice that the object starts slow, gets faster and slows...

This is the second of Terry Schubring's easing formula.  It's all based on the easing tween animation post.  I am using easing to create a linear tweens along the x axis.  Use slider to change speed. // use Terry Schubring formula...

I was a bit slammed these past few weeks  and possibly unmotivated to post new experiments.  Them Terry Schubring saw me speak at Flashbelt and sent me his easing formula's.  It was enough to get me motivated again. Based on the easing...

A step further into creating late 80's style of kitch transitions. This effect is based on square pixelated transition v0 post, the only difference is that I am resizing the rectangles as the vertical dotted clip moves along the picture. sSize =...

This efefct is acheived via a cocktail combining the square pixelated transition v0 post and the blur transition, Oh yeah and an alpha transparency effect. I am using my circular tween animation to move my vertical clip from the edge of the image through...

Similar to the grid 101 post where I create a 2x2 grid over and image.  I create  10 pixel high squares using the flash.geom.Rectangle class  and use the bitmapData getPixel32 method as color picker  to color each rectangle appropriately. //...

Uning the bitmapData getPixel32 method, sort of a color picker,  which returns an ARGB color value at a given x,y position of a bitmap. I create 1 pixel high rectangles, color them using fillrect and make them stretch horizontally as my dotted...

A cocktail combining blur transition, my b&w tranition post and the circular tween animation creates this effect.  Sweet.

Moving along from my blur transition post, I added an alpha tween of the image to create a sweet disaperaing act. I am using my circular tween animation to move my vertical clip from the edge of the image through it's length. Use the slider to set...

The blurFilter class is a topic I have previousely discussed. Similar to my b&w tranition post, this blur effect starts from the left and tweens to the right of the image. I will use this notable effect later in combination with others to create...

The ColorMatrixFilter class is a topic I should get into in future posts. Since I am keeping up with different transition techniques, I figured it would be best to use it first and down the line I will introduce it and show its versatility . This emboss...

Since Keith Peters mentioned another method to do black and white transformation using ColorMatrixFilter. I played around with the values and got a Sepia color transform. These values are not scientific, simply a resultt of playing around with the...