Arno Manders

Today I’m going to release the code of ImageViewer3D like I promised before. It is not finished but I have to move on to other things. I few days ago I asked everyone to give input and because of the shortage of time I can’t put every suggestion in. Sorry for that but many thanks for the comments. On the bottom of this article you can find the download urls. To make this component I used Away3D as 3D engine and Tweener for the tweens.

Features

A few features of the ImageViewer

• Slideshow
• Flickr search
• XML picture load
• Multipage option

Example Application
Example with Flickr

Download example code so you can see how to use this component. I also used the as3 Flickr Library for this example.

Simple Application

Simple example

Download simple ImageViewer3D

Everyone can use the simple application. Just put the” imageviewer3d.swf” and the folder “assets” with the xml file on your server (you can’t run it local) . For the Simple ImageViewer3D you have to make sure that the photos.xml is located at the folder “/assets/xml/photos.xml”

Component

Download component

For example you can add xmlns:imageviewer3d="imageviewer3d.*" inside the application tag and add this between the application tags

Feel free to modify this component

If you find bugs our just errors please report it in the comments.

NOTE: This component isn’t working in IE6, Fireworks is expired so I will post a picture of the application later

I recently discovered Away3D, the 3D engine for Flex and Flash. I’m now working for 3 weeks with this 3D engine and it is easy to consume. I started with some spheres and cubes to get use to the 3D concept. After I got bored I started a real project. For now I call that project “ImageViewer3D ” (because I couldn’t think of anything better).

My concept is inspired by the tiltViewer from www.airtightinteractive.com. He made it in Flash but it isn’t opensource so I couldn’t use his code.

Things I try to archive before I think I’m done:

• Inserting your own Array of photos (XML or component)
• Do something with the next- and previouspage button
• Tweak or perhaps maybe change some effects
• If the photos of a page are in the browser cache they all appear at the same time what causing the browser to run slow at that moment
• If the height of a photo is larger than the width the border is thicker
• etc… (more things that I forget)

ImageViewer3D v1

I try to make a nice tool so every opinion is welcome. Positive or negative I don’t care. What effect is cool and what effect isn’t? What should be tweaked? Also feed me with new features.

UPDATE: Final release can be found here.