Smashing Magazine - we smash you with the information that will make your life easier. really.
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.
Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.
(No votes yet)
Loading ...- 31 Comments
- 1
- 2
November 12th, 2007 11:12 pmspelling error @ “Rhytm of Lines. ;)
- 3November 12th, 2007 11:19 pm
Komodo Media reminds me of the interface to the video game DiRT. Really cool stuff!
- 4November 12th, 2007 11:35 pm
The 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
- 5November 13th, 2007 12:33 am
wow, how was that Ikea thing done? After effects Layers? The Splashing water is stunning.
- 6November 13th, 2007 12:33 am
But 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?
- 7November 13th, 2007 12:55 am
Apparantly 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.
- 8November 13th, 2007 1:00 am
I really love the sites that incorporate a 3D environment on a 2D screen.
Sometimes the interface can be counterintuitive though.
- 9November 13th, 2007 1:17 am
Love 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.
- 10November 13th, 2007 1:42 am
Would 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.
- 11November 13th, 2007 1:54 am
Here’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. - 12November 13th, 2007 2:08 am
That 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.
- 13November 13th, 2007 4:01 am
Nice! Seen it before on the Halo 3 site: http://halo3.com/believe/shell.html
- 14November 13th, 2007 4:08 am
I don’t like waiting a lot of minutes to view content. This is bad!
- 15November 13th, 2007 5:39 am
The IKEA thing is really impressive – Wow!
But completely useless if you are looking for something specific… *laugh
- 16November 12th, 2007 11:49 pm
that was awesome!
- 17November 13th, 2007 4:11 pm
Nice flash design!!!!!
- 18November 13th, 2007 4:39 pm
Does 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!
- 19November 13th, 2007 4:41 pm
The 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 ::
- 20November 13th, 2007 4:51 pm
As #4 said, the Komodo website reminds me of the Colin McRae DiRT menu… but it’s really worse.
- 21November 13th, 2007 5:37 pm
Very cool!!!
- 22November 13th, 2007 6:45 pm
I feel a bit sea sick after that Komodo experience. Ikea worked very well, though.
- 23November 13th, 2007 8:03 pm
love 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! - 24
- 25November 14th, 2007 11:52 am
As 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
- 26November 29th, 2007 4:54 am
It´s really incredible, these works are pure inspiration for the creative minds =)
- 27September 16th, 2009 1:55 am
cool pick. you can check my flash components list for some flash inspiration as well.
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- lovely-css: a grid-based CSS framework - http://bit.ly/ayA0wb
- How The CSS Selector nth-child Works - http://bit.ly/cgPMqe
- 33 New High Quality Adobe Illustrator Tutorials - http://bit.ly/bTgFbu
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
- jQuery 1.4 API Cheat Sheet - http://bit.ly/5zYYnE
Love it!