Posts Tagged ‘3D’

Another hit…

Flickorama finally got approved on and was selected as the Mashup of the Day today.

Flickorama on

I only noticed it because after reading The 3D Web in 2008 by Sarah Perez on last night,  I started considering getting back to it and adding some new features to keep me busy.

Eric Miraglia posted an encouraging Flickorama review on his Impressive Pixel blog with good suggestions on improving ergonomics of this application, making it more responsive to mouse gestures, improving large photo view and taking screen resolution into consideration when displaying the photo sets.

I really liked the Popup Thumbnail component Josh posted recently with the Lightbox popup effect. I think that will make my large photo view really pop and create a much smoother image loading effect with the added animation. That’s one area I’ve been struggling with when designing this photo viewer.

I’ve started my own wish list in my previous update on Flickorama. Also, I’ve been doing some custom Wordpress build outs lately. More on this later, but what struck me is the staggering number of Wordpress plugins available, and I’ve been itching to do a plug-in of my own to get my hands dirty in some php.

So, I’ll be plugging away on Flickorama over the next two weeks.  Please drop me a note with your comments and suggestions on improving user interface, interactions, adding additional data sources or parametrized widgets/plugins you’d like to see.

Yes, 3D browsing is finally here and I think it will become mainstream for multimedia and news browsing in 2009.  The PhotoStream is a good example of such a news site.

As Sarah notes in her 3D Web in 2008 article:

Where 3D is Cool: Browsing

… we’ve seen some developments in the use of 3D to deliver better visual browsing experiences. Amazon launched their 3D Winodwshop site which lets you virtually browse through the company’s top products.

We’ve also seen other web applications integrate this 3D visual browsing technology including ManagedQ’s semantic Google-based search, Photo Stream’s visual newsroom as well as newer search engines like Viewzi and SearchMe. Although none of those have hit the mainstream, they all are interesting experiments.

However, one of our favorite 3D browsing tools is the technology from Cooliris, a browser plugin that lets you transform the web into an immersive 3D experience. With Cooliris, you can surf a “wall of content” from sources like Google, Flickr, Yahoo, SmugMug, and DeviantArt.

Flickorama update

I’ve spent more time on Flickorama aesthetics last week. Here is the latest screenshot:

New Features:

  • Slideshow thumbnail photo strip
  • Large Photo View
  • Full Screen View
  • Link to the photographer’s photostream
  • Photo highlights, transparency, borders, drop shadows and typography enhancements

Read the rest of this entry »

Flickorama – OpenFlux PlexiGlass Flickr Mashup

Quick Flickr mashup using OpenFlux 3D PlexiGlass to browse fractal pictures. Actually, you can search for any pics with this app :)

Here is the Flickorama with sample layouts:

Cover Flow:

Roller Coaster:

Time Machine:

There are more layouts available and a larger photo preview feature that is currently in beta.

With Flickorama you can search public Flickr photos by tags, paginate through the returned photo sets, or sit back and let the sequential or random photo slideshow flickr on your screen.

I’ve been sitting on this prototype since Ryan Campbell put together that OpenFlux 3D PlexiGlass cards example. When I first saw it, I knew that’s the UI to use for some fun Flickr pics browsing.

First, I wired it to Flickr to demo some alternative image gallery display options to one of my clients. I ended up using Ely Greenfield’s Display Shelf component for that project.

However, I was so far along into wiring OpenFlux PlexiGlass to Flickr that I have decided to spend some extra time to add photo set pagination and cleanup the UI a bit.

You can access it on my new site:

I’ll be hosting my most interesting prototypes and demos on that site from now on.

I should also give credits to Juan Sanchez for the shadow Flex UI theme I’ve used for this application and Brian Kent for the really cool AEnigma Scrawl font he created. I’ve seen it used in quite a few Flex apps lately.