Here's a simple tech demo showing a 3D music visualizer using the flash player 10's new 3D APIs, with a rotating sphere that transitions into a disc using GTween. Nothing too complex, but the result is kind of neat, and it is simple enough to serve as a quick entry into using the new APIs if you're getting started. It also uses the new Vector type in player 10.
To me its cool that you can now whip out simple 3D content right in Flash in a matter of minutes, and then step up to the big guns with PaperVision 3D or Away 3D as necessary.
I'll be sharing some of the other simple 3D experiments I've been working on over the coming weeks.
Flash Player 10 is required to see this experiment.
You can download the source code here. Just throw any MP3 into the folder with the SWF, and call it "music.mp3". It's set up for Flash CS4, but there is no code or assets in the FLA, so you should be able to compile it as an ActionScript project in Flex.
Comments (30)
I'm not able to view the SWF. I think you may have to change the Flash player version detection.
Posted by: dVyper at October 30, 2008 10:51 AMURL: http://blog.fatal-exception.co.uk
Fixed now. It was working on Safari, but not anything else. It was an issue with using a self closing script tag: <script ... />, switching it to use a closing tag fixed it.
Posted by: Grant Skinner at October 30, 2008 10:54 AMURL: http://gskinner.com/blog/
SICK. Very inspirational, thanks Grant.
Posted by: ljones at October 30, 2008 11:13 AMURL: http://www.urbansory.com
Awesome. Thanks again for providing source code.
Posted by: Nathan Youngman at October 30, 2008 11:27 AMURL: http://nathany/developer
Not bad dude!
Posted by: chris at October 30, 2008 11:51 AMURL: http://www.somethingcolorful.com/
stunning
Posted by: federico at October 30, 2008 11:56 AMURL:
That's crazy son! Nice creative work
Posted by: lee at October 30, 2008 12:08 PMURL: http://leefernandes.com/blog
Awesome example. I've been waiting for more examples of FP10.
Posted by: Garth Braithwaite at October 30, 2008 12:27 PMURL: http://garthdb.com
Awesome
Posted by: Garth Braithwaite at October 30, 2008 12:28 PMURL: http://garthdb.com
Wow, that's some cool shit!
Posted by: jankees at October 30, 2008 01:09 PMURL: http://blog.base42.nl
Awesome...thx
Posted by: Charly at October 30, 2008 02:24 PMGreetings from Berlin
URL:
If you didn't rule before, you rule so much for using my boy DJ Shadow. Six Days Remix WIN.
Posted by: Kevin Suttle at October 30, 2008 02:35 PMURL:
Woooooowzzzzza!!!!
Posted by: David Jumeau at October 30, 2008 03:00 PMURL: http://www.geminilearning.com
This is totally awesome.
Posted by: Eddie at October 30, 2008 07:07 PMURL: http://www.teamcolab.com
Cool....Thanks for sharing this~
Posted by: old9 at October 30, 2008 08:18 PMURL: http://old9.blogsome.com
great job!
Posted by: hbb at October 30, 2008 08:25 PMURL:
Totally awesome tech demo! Thanks for sharing the code!
For what it's worth, I whipped up a version that spins with the mouse position:
Posted by: Tom Chapin at October 30, 2008 09:48 PMhttp://www.tchapin.com/archive/flash-10-demo/
URL: http://www.tchapin.com
Structure looks like virus :) Very nice job!
Posted by: FSB at October 31, 2008 02:38 AMURL: http://vs-lab.com/products/sna/download/
appreciated for the source codes
Posted by: ozgur uksal at October 31, 2008 08:43 PMURL:
WoW! love it.
Posted by: Randy Troppmann at October 31, 2008 09:08 PMURL: http://www.randytroppmann.com
this is REALLY cool!!!
Posted by: BlueF at November 1, 2008 03:42 AMURL: http://bluef.org
Nice example and nice choice of song ;)
Posted by: Savvas Malamas at November 1, 2008 05:00 AMURL: http://savvasmalamas.com/blog
Lovit!
Posted by: Paras at November 3, 2008 09:06 AMURL: http://www.irisnation.com
Awesome!!
Posted by: Kasper at November 3, 2008 01:34 PMURL:
Good job, man. Now try and recreate Robert Hodgin's visualizer from Flash Forward. :)
Posted by: Ian at November 3, 2008 03:54 PMURL:
so cool!!!
Posted by: passi0n at November 12, 2008 02:26 AMURL: http://www.rgb123.net
Not visible in Opera
Posted by: mrm at November 14, 2008 08:02 AMURL:
Wow, nice example and great tunes! Thanks for the source, it would be great to add some colorization effects to this.
Posted by: Andrew Christensen at November 14, 2008 02:01 PMURL: http://b.ogl728media.com
Grant, it was cool to see this and finally meet you at MAX.
Posted by: Chad Upton at November 24, 2008 12:59 PMURL: http://flex.chadupton.com
awesome stuff, thx a lot for sharing :)
Posted by: tox at March 2, 2009 03:20 PMURL: http://www.webcodesign.de