Using 3D display shelf

As mentioned in an earlier post the author of quietlyscheming.com has some pretty cool projects that really highlight the capability of flex that involves 3d elements and multimedia resources. So I implemented the displayshelf that quietlyscheming had posted as an open-source project under the MIT license that I think lets me do whatever I want with it.

So here is the finished part of the project http://mh.realwebstrategy.com/flash/second.html There are a couple of things that need to be worked out but the main features of the project work great. All I needed to do for this to work was create a directory or package called qs (standing for quietly scheming) copy the code for the two required objects, DisplayShelf.as and TiltingPane.as then insert this one line of code into my application.

<ns2:displayshelf borderthickness="10" bordercolor="#2B5482" dataprovider="{mhphotos}" horizontalcenter="0" verticalcenter="0">

The other thing I had to do was create the dataprovider object which was simply an array of image references, I used a static list for now but as I get more into xml I will make the array of references dynamic and thus the entire photo gallery will be dynamic. Another great part of this gallery is that it has implemented a keystroke listener that as you hit the forward and backwards key on your keyboard you will scroll with the photo gallery.

The tweeks that I plan on performing on this project will be to keep the photo gallery inside the content area of the page, I will also add a description of the photo and display it in a cool fashion that maybe pans in with the image or fades in as the image is brought into focus.