There’s a project page of this component now, check it here, it’s open source!
I’ve been fiddling around with 3d engines in Flash for about a year now, but never used it in Flex before, so I decided to try to build an iTunes coverflow component in Flex. This was what i came up with:
Not really anything special, but since i’ve used a real 3D engine, i can do more stuff with it, like this:
and this:
There’s still a lot of work to do before it’s really useful, but i’m pretty content with the results so far.
I don’t know if I’ll ever finish this component. To me it was just a case study in which I wanted to explore the possibilities of the combination of a 3D engine and Flex.



Very nice Seb! Runs smooth!
Runs very smoothly! Maybe a suggestion from my part: I think I would skip the “selection animation” when a album is selected further ahead. Now it does the “selection animation” on every album that is skipped too. I think it would be easier and smoother to watch if only the selected album is brought forward. The skipped albums should then just move to the right or left depending on the previous selected album. Anyway enough with my jibbajabba, keep up to good work!
way better than alot of other flex coverflow examples. will this code work in flex 3?
ok it did work in flex 3. but can you PLEASE give me a hint as to how to add items through actionscript without actually putting the item in the MXML. I have a XML feed and everything. i just need to know what function starts the adding of items.
Here’s my attempt to answer your question:
- I haven’t implemented (overridden) the addChild and addChildren method of the Canvas that my component extends. I just read the children of the component (from the mxml) and add them to the view3D. this alle happens in the creationCompleteHandler method on line 44. (in CoverFlow.as)
- The for loop on line 57 (in CoverFlow.as) loops over the children, checks if it’s not the viewcontainer that holds the view3D and adds them to the scene. I push the cover instances in an array als well, so I can access them later on.
I hope this answers your question.
Seems great!
This is a pile of shit. Dont bother … it cannot even load images dynamically.
hi,
i want to use your iTunes coverflow component in Flex. I have one question:
my image has a witdh of 400px and a height 269px. after image import in the folder and start the application and click on my image came correct to the front, but the width is now near 440 and the height near 330.
how can I disable the scale of the front cover, I want the original size of my images.(the image loose his quality)
greetz from berlin/germany
Hi Sebastian, it´s a great component. I want to use it for a menu bar in a website. How do I create an action for each selected pic.
greetz from Texas
can you add your Reflections Component with this example?
Very nice & smooth! I like it!!!
Hello, I’ve got a question. I downloaded sourcode but please tell me how to run it via Flex. I’m beginner in Flex. Thanks.
good job!