3D Cylinder Image Gallery

Saturday, January 24, 2009

Probably my strongest work yet. This is a 3d image gallery that pulls from my flickr account. It's mostly experimental for now, but I hope to finish it someday.



The Concept:

  • read in my photography RSS feed from my flickr account.
  • for each photo node, create a new 3d plane
  • plot the photo's out in a 3d ring around the camera (requires some trig)
  • after each ring is complete (10 or so images in a ring) , move up and create another one
  • user can pan the camera left or right in 3d space
  • user can click on any image to load it
  • upon image click, camera zooms out, and loads up my custom bitmap slicer class
  • the bitmap slicer class gets the original size flickr url via flickr service, and loads the image into memory. It then slices the image into many resolution perportionate bitmaps using the copyPixel function, and pushes them to an array. I then manage the array to animate each piece of the image together in a short amount of time, to give a very cool patch-together animation.
  • the user can then click on the displayed image to dismiss it and return to the 3d rotating image gallery
Papervision3d is really a cool as3 library. Although difficult to learn at first, it can really pay off if you spend the time to become very familiar with it.

3 comments:

Daryl said...

So if I click and drag up, I go up. If I click and drag down, I go down. How come when I click and drag left, I go right?

Still though, the load animation was super sweet.

Kyle said...

because you're a noob daryl ;) because it seemd too awkard for it to be the other way.

Unknown said...

This is one of the coolest things i've seen done with flash it reminds me of a demo i saw for multi touch point monitors. The left right thing seems that it would be the same issue as having your y axis reversed when playing some games it just depends on the user.

Post a Comment