banner ad

Wednesday, November 28, 2007

I-tunes touch!cover flow v5 »

Adding touch! to the I-tunes cover flow script. I added an onRelease event handler That calculates the x distance the 2D camera object has to travel in order to center the clicked item.   I made sure this takes under consideration the distance...

Monday, November 26, 2007

I-tunes cover flow v4 »

One addition to the I-tunes cover flow script I posted last week. I added a variable I called ratio and assigned it controls the spacing between the items.  Initially I set it to 3.7 although by clicking on the reset button you can generate random...

Wednesday, November 21, 2007

I-tunes cover flow, no papervision here! »

A few months ago a few talented flashers scripted the I-tunes cover flow and ended up using thousands of lines of code and the papervision 3D API.  Then again, results were sluggish and often required flash 9.  Here are those experiments...

Monday, November 19, 2007

I-Tunes cover flow v3 »

I based this experiment on the x slider physics. Create 20 identical clips and arrange them one after the other horizontaly.  Create a camera object and compute its position through the slider. I also added the bitmap skewed rotation and rotated...

Friday, November 16, 2007

BitmapData skewed rotation »

Rotating an image on itself 360 degrees while skewing the bitmap to recreate perspective. Similar to the last post, in order to achieve the effect, I change the strength of the displacementMapFilter effect on the y plane, maximizing it on the left...

Tuesday, November 13, 2007

3D coverflow »

Skewing my bitmap as it travels across the stage. I added the 3D effect the I-tunes flow uses.  In order to achieve the effect, I change the strength of the displacementMapFilter effect on the y plane, maximizing it on the left and right extremes...

Monday, November 12, 2007

I-Tunes cover flow v2 »

Skewing my bitmap as it travels across the stage. I am looking into creating a more organic animation.  I created a variable n that I am incrementing in order to displace my gradient and create the following animation.  AS far as skewing...

Friday, November 09, 2007

I-Tunes cover flow v1 »

The last few posts were dedicated to skewing a bitmap using bitmapdata. Now that the technique is mastered, I decided to start skewing my bitmap as it travels across the stage.  Hence simulating the I-tunes cover flow animation. Not much has changed...

Thursday, November 08, 2007

3D Bitmap skew v7  »

Using the basic skew properties to crunch the image horizontally, giving the impression that the image is rotating on itself.  It simulates real 3D rotation with correct bitmap distortion. I change the _xscale using the following. Use the slider...

Tuesday, November 06, 2007

3D Bitmap skew v6 : Cover Skew »

Moving onto implementing the I-tunes cover flow menu, this experiment lets the user skew the bitmap on both ends using the slider.  The gradient is based off the last post where I was dynamically creating a gradient using the beginGradientFill...

Thursday, November 01, 2007

3D Bitmap skew v5 : beginGradientFill  »

In order to animate the background brown gradient via actionscript (in this case the slider) . I used  beginGradientFill  and placed it on an onEntrFrame event in order to have it draw continuously. I have to admit that I don't use the beginGradientFill...