In this code I use my black and white transition frst and then I create 1 pixel high rectangles, color them using the bitmapData getPixel32 to find the grey color and make them stretch horizontally as my dotted line moves along the image....
Wednesday, May 30, 2007
Thursday, May 24, 2007
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...
Wednesday, May 23, 2007
A cocktail combining blur transition, my b&w tranition post and the circular tween animation creates this effect. Sweet.
Tuesday, May 22, 2007
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...
Monday, May 21, 2007
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...
Thursday, May 17, 2007
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...
Wednesday, May 16, 2007
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...
Tuesday, May 15, 2007
I am using my circular tween animation to move my vertical clip from the edge of the image through it's length. Set init and target point and get the number of pixels the clip needs to travel. According to a set speed, calculate the amount of...
Monday, May 14, 2007
In the next series of posts I will be exploring various image transition techniques using the bitmapData class. I am still impressed at the boundless power of this class yet its remains unexplored and kindoff overshadowed by flex and AS3. ...
Friday, May 11, 2007
Weekend is here and most of you will be out celebrating Mothers day. Unfortunately my mother lives in Montreal and I on the West Coast in San Francisco. Instead I decided to do something good, serve to a charitable cause. Last year I participated...
Thursday, May 10, 2007
Based on the 3D examples previousely posted, You can create any cocktail using trig functions to create all types of curves. In this case just by playing around, no scientific manner I created this equation: // Set scale this._xscale = this._yscale...
Wednesday, May 09, 2007
Based on the 3D examples previousely posted, you can transform the distance a clip has to travel into angles (0 to 360) and use trigonometric functions to control position in 2D and scale for 3D effect . In this instance, I have duplicated the...
Tuesday, May 08, 2007
Creating 3D movement does not always necessitate a 3D camera or complex Mathematics. Based on the 2D examples previousely posted, you can transform the distance a clip has to travel into angles (0 to 360) and use trigonometric functions to control...
Monday, May 07, 2007
Creating complex movement can also be as simple as transforming the distance a clip has to travel into angles (0 to 360) and using trigonometric functions to control their position. In this instance, knowing the max distance the clip will travel,...
Friday, May 04, 2007
Based on the easing tween animation post. I am using an elastic easing formula to create a linear tweens along the x axis. formula bellow uses a variable names "s" that is used as an elastic constatnt. Use slider to change...
Thursday, May 03, 2007
Based on the easing tween animation post. I am using a cosinus easing formula to create a linear tweens along the x axis. Use slider to change speed. // animate Cos equation this._x = initClip._x + diff + (-diff*Math.cos(t*(Math.PI/2)));...
Wednesday, May 02, 2007
Based on the easing tween animation post. I am using a circular easing formula to creat a linear tweens along the x axis. Use slider to change speed. // animate Circular equation this._x = initClip._x - (diff *(Math.sqrt(1-t*t)-1))
Tuesday, May 01, 2007
Based on the easing tween animation post. I am using a quart equation to creat a linear tweens along the x axis. Set init and target point and get the number of pixels the clip needs to travel. According to a set speed, calculate...
