3D-Experience in Flash
Used effectively, Flash-based designs can achieve astonishing presentation and impressive user interaction. (In fact, we’ve already showcased some outstanding examples earlier.) When supported by intuitive design, a mix of visual effects can create a rich user experience. Flash-designs with 3D-effects can be used to do just that. As a part of our Monday Inspiration series let’s take a look at some examples of incredible 3D-experience in Flash.
Ikea’s Dreamkitchen offers a tremendous visual experience: visitors navigate in slow motion in 3D through IKEA products. Interesting effect: the volume of the music changes as you pass throught the “IKEA universe”. Further examples: Dromkok, Demo. In the latter examples you can flip through 3D-rooms as well.
Komodo Media offers a quite new perspective on browsing through a portfolio. You can navigate through the site and observe single categories in 3D from different perspectives from different view points and angles. The mouse pointer seems to floating in the air; this is nice to play with, however not very user-friendly if you’d like to click on some specific area of the 3D-interface.
Rhythm of Lines is a Flash-based interactive stage where you can create your own “rhythm of lines” — a 100-sec movies in which lines can move, change their form and color and create shapes. You can create sweeping curves, colours and bursts, change the speed of lines and the perspective from which you look at them.
The changes are defined by mouse movements and keyboard input. Best “sculptures”, created by other users, are showcased in the exhibition section; you can playback your own rhythm and download it as a wallpaper.
Anthony
November 12th, 2007 10:07 pmLove it!
drew liverman
November 12th, 2007 11:12 pmspelling error @ “Rhytm of Lines. ;)
GenoBaby
November 12th, 2007 11:19 pmKomodo Media reminds me of the interface to the video game DiRT. Really cool stuff!
Robin
November 12th, 2007 11:35 pmThe Komodo Media site reminds me a lot of the menu system in Colin McRae DiRT on Xbox 360, but it’s less elegant and isn’t as easy to navigate
zack
November 13th, 2007 12:33 amwow, how was that Ikea thing done? After effects Layers? The Splashing water is stunning.
Charles McGuire
November 13th, 2007 12:33 amBut it still takes too long to load even over a high speed connection. Designers may love it, but what about John Q. Public’s short attention span?
Matt
November 13th, 2007 12:55 amApparantly my computer is a glorified calculator.
My laptop couldnt cope with all the whizz bang 3d flash, i just got a load of stuttering imagery.
It’s worrying when you need such a hi-spec machine just to view a website.
Ravi Vora
November 13th, 2007 1:00 amI really love the sites that incorporate a 3D environment on a 2D screen.
Sometimes the interface can be counterintuitive though.
Kurt
November 13th, 2007 1:17 amLove the links! My company produced a 3D flash CD-ROM in 2006 and it was a major undertaking from a code perspective. In the end it was all worth it. The client loved it and it even won an award but you have to count on the viewer having a decent machine to handle the processing.
Stevie K
November 13th, 2007 1:42 amWould have liked to have had more examples, I know there are quite a few more good examples out there and their fun to navigate as long as your not looking for something specific.
Dennis
November 13th, 2007 1:54 amHere’s another website we just finished where we incorporated a 3D-Experience using Flash: http://www.DinoSquad.com. We launched this last week for Dic Entertainment’s cartoon Dino Squad which airs on CBS Saturday morning KEWLopolis show. We were rushed to launch this project to be sure there was web presence when the cartoon premiered last week, but we have a lot of KEWL features planned as we continue to build on the 3-D Flash environment.
Please check it out: http://www.DinoSquad.com
and let us know what you think.
Pj
November 13th, 2007 2:08 amThat Komodo site is absolutely horrible. Worst UI ever and it won’t stop moving when you try to read some of the larger text documents unless you completely let go of your mouse. Amazing design or not, the site is worthless.
Barend
November 13th, 2007 4:01 amNice! Seen it before on the Halo 3 site: http://halo3.com/believe/shell.html
Vitor Almeida
November 13th, 2007 4:08 amI don’t like waiting a lot of minutes to view content. This is bad!
Inwit
November 13th, 2007 5:39 amThe IKEA thing is really impressive – Wow!
But completely useless if you are looking for something specific… *laugh
jeremy
November 12th, 2007 11:49 pmthat was awesome!
Web design Bulgaria
November 13th, 2007 4:11 pmNice flash design!!!!!
Eds
November 13th, 2007 4:39 pmDoes anybody have a useful link on how to create something like the Audi A5 flash movie (the 3D effect with the ability to steer with your mouse)?
Nice topic by the way!
jayhan
November 13th, 2007 4:41 pmThe moment i saw the Komodo site screenshot, it immediately reminds me of the DiRT interface. But the bad thing is, it eats a lot of resources, even on a C2D machine, the animation is choppy >. click here
:: runs away ::
Nip
November 13th, 2007 4:51 pmAs #4 said, the Komodo website reminds me of the Colin McRae DiRT menu… but it’s really worse.
Julius
November 13th, 2007 5:37 pmVery cool!!!
Paulie555
November 13th, 2007 6:45 pmI feel a bit sea sick after that Komodo experience. Ikea worked very well, though.
cb
November 13th, 2007 8:03 pmlove the gay couple with a jazz background in the ikea site.
yes, all homosexuals are good cooks, listen to jazz and live in stylish apartments….if only!
gotta put the pressure on the bf to get a promotion so we can liveup to the hype. yo!
Armando Alves
November 14th, 2007 3:54 amCheck also these papervision powered websites.
Izzat Hafiz
November 14th, 2007 11:52 amAs echoed by several other replies, Komodo Media’s interface is close to DiRT’s in-game menu, though not as fluid. I always wondered whether the DiRT 3D menu style could be replicated in Flash, I guess this topic answered that finally. With some improvements, this would be a cool interface design. I foresee this style to be overused within the next year or so :D
Xbalanqué
November 29th, 2007 4:54 amIt´s really incredible, these works are pure inspiration for the creative minds =)
flash scope
September 16th, 2009 1:55 amcool pick. you can check my flash components list for some flash inspiration as well.