gSkinner - Home

Simple Flash Player 10 3D Demo w/ Source

Posted on October 30, 2008 by Grant Skinner

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.

Follow @gskinner on Twitter for more news and views on interactive media.
30 Comments

I'm not able to view the SWF. I think you may have to change the Flash player version detection.

Posted by: dVyper on Oct 30, 2008 10:51am URL: 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 on Oct 30, 2008 10:54am URL: http://gskinner.com/blog/

SICK. Very inspirational, thanks Grant.

Posted by: ljones on Oct 30, 2008 11:13am URL: http://www.urbansory.com

Awesome. Thanks again for providing source code.

Posted by: Nathan Youngman on Oct 30, 2008 11:27am URL: http://nathany/developer

Not bad dude!

Posted by: chris on Oct 30, 2008 11:51am URL: http://www.somethingcolorful.com/

stunning

Posted by: federico on Oct 30, 2008 11:56am

That's crazy son! Nice creative work

Posted by: lee on Oct 30, 2008 12:08pm URL: http://leefernandes.com/blog

Awesome example. I've been waiting for more examples of FP10.

Posted by: Garth Braithwaite on Oct 30, 2008 12:27pm URL: http://garthdb.com

Awesome

Posted by: Garth Braithwaite on Oct 30, 2008 12:28pm URL: http://garthdb.com

Wow, that's some cool shit!

Posted by: jankees on Oct 30, 2008 1:09pm URL: http://blog.base42.nl

Awesome...thx

Greetings from Berlin

Posted by: Charly on Oct 30, 2008 2:24pm

If you didn't rule before, you rule so much for using my boy DJ Shadow. Six Days Remix WIN.

Posted by: Kevin Suttle on Oct 30, 2008 2:35pm

Woooooowzzzzza!!!!

Posted by: David Jumeau on Oct 30, 2008 3:00pm URL: http://www.geminilearning.com

This is totally awesome.

Posted by: Eddie on Oct 30, 2008 7:07pm URL: http://www.teamcolab.com

Cool....Thanks for sharing this~

Posted by: old9 on Oct 30, 2008 8:18pm URL: http://old9.blogsome.com

great job!

Posted by: hbb on Oct 30, 2008 8:25pm

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:

http://www.tchapin.com/archive/flash-10-demo/

Posted by: Tom Chapin on Oct 30, 2008 9:48pm URL: http://www.tchapin.com

Structure looks like virus :) Very nice job!

Posted by: FSB on Oct 31, 2008 2:38am URL: http://vs-lab.com/products/sna/download/

appreciated for the source codes

Posted by: ozgur uksal on Oct 31, 2008 8:43pm

WoW! love it.

Posted by: Randy Troppmann on Oct 31, 2008 9:08pm URL: http://www.randytroppmann.com

this is REALLY cool!!!

Posted by: BlueF on Nov 1, 2008 3:42am URL: http://bluef.org

Nice example and nice choice of song ;)

Posted by: Savvas Malamas on Nov 1, 2008 5:00am URL: http://savvasmalamas.com/blog

Lovit!

Posted by: Paras on Nov 3, 2008 9:06am URL: http://www.irisnation.com

Awesome!!

Posted by: Kasper on Nov 3, 2008 1:34pm

Good job, man. Now try and recreate Robert Hodgin's visualizer from Flash Forward. :)

Posted by: Ian on Nov 3, 2008 3:54pm

so cool!!!

Posted by: passi0n on Nov 12, 2008 2:26am URL: http://www.rgb123.net

Not visible in Opera

Posted by: mrm on Nov 14, 2008 8:02am

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 on Nov 14, 2008 2:01pm URL: http://b.ogl728media.com

Grant, it was cool to see this and finally meet you at MAX.

Posted by: Chad Upton on Nov 24, 2008 12:59pm URL: http://flex.chadupton.com

awesome stuff, thx a lot for sharing :)

Posted by: tox on Mar 2, 2009 3:20pm URL: http://www.webcodesign.de

Leave a Reply

Your email is never published nor shared.




You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>