Triangle3D : Small Flash 10 3D demo.
Over the last days I've spent some time twittering back and forth with Eugene. His supershape demo is very cool and we spent some time 'tweeting' about shaders. This lead me to upload and twitter one of my experiments which I used as part of my FOTB / MAX presentation. Judging by the huge number of retweets it seems people enjoyed it a lot, so I figured that it was worth a blog post. I started working on this experiment a while back after toying around with OpenGL, OpenFrameworks and audio reactive shapes and that inspired me to do something similar in Flash. This is an unfinished demo as it lead me to pursue something else, at which point I stopped working on it.
In the session where this came from, specifically this part, I shared information about the path of yet another demo, where this experiment led me too. Some of you who attended Flash on the Beach, might recall it from the Adobe keynote, where it was aptly named "milky ball". I'll present on it one more time on the 3rd of December at the AUG XL event, in Amsterdam. I'll post more of the session's demos with explanation, when I have the time.
I do want to clarify that the code base I've created for this, which I currently call Triangle3D, is not to be a new Papervision3D, Away3D, Alternativa3D, Infinity3D, Sandy3D, Null3D or Yogurt3D (I'm probably missing a couple, sorry, have your way in the comments). It's my experimental playground of classes to play around, with no care for architecture restrictions or a generalized API. It's all about me playing and enjoying. Pure experimentation of what can be achieved with Flash 3D and hoping to find something beautiful in it.
Demo with adjusted lightmaps from my new mirrorball.
(here's the shot of the mirrorball, on flickr).
The music track is Sixtyten by Boards of Canada.
Related posts:
31 Comments, Comment or Ping
David
appreciate the explanation of the reason, I suppose to ward off people asking you to release it, but what we (flash community) should be getting out of this is that there is a lot of potential for 3d in the flash player, and this should inspire us to keep trying. Thanks for showing.
Nov 17th, 2009
gordee
This is a thing of beauty
Nov 17th, 2009
Tamara
just amazing!
Nov 18th, 2009
Tim
Hmm, I get each frame a Security sandbox violation, when the audio is loaded. I think you forgot to set the checkPolicy flag in the LoaderContext.
SecurityError: Error #2122: Security sandbox violation: SoundMixer.computeSpectrum: http://www.unitzeroone.com/labs/Triangle3DOld/Alt.swf cannot access http://v17.lscache4.c.youtube.com/videoplayback?ip=0.0.0.0&sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Calgorithm%2Cburst%2Cfactor&fexp=905305&algorithm=throttle-factor&itag=34&ipbits=0&burst=40&sver=3&expire=1258560000&key=yt1&signature=79528BFD01C94DD48C2D093B492EF00DD4D4B434.D5FDCDD24C3F664AD9C9EFEDEBA9CDE3C8EC8270&factor=1.25&id=ed7b5caaf9b40073&. A policy file is required, but the checkPolicyFile flag was not set when this media was loaded.
at flash.media::SoundMixer$/computeSpectrum()
at com.unitzeroone.sound::BeatAnalyzer/calculateFFT()
at Main/onEnterFrame()
Nov 18th, 2009
UnitZeroOne
@tim : no, it’s because I’m not checking if I can take SoundMixer.computeSpectrum (which is global), and you have another flash running. (in this case it was youtube).
Nov 18th, 2009
dVyper
That is a ridiculously beautiful example! I almost want to touch the actual shapes to see if they’re as smooth as they look!
Nov 18th, 2009
Michael
this blew me away – absolutely love it.
Nov 18th, 2009
fazeaction
Hi Ralph just a question….this themo is pure AS3 or you use pixel bender, alchemy…. thanks and great demo!!
Nov 20th, 2009
Jloa
Why do the shapes change so fast (and with no transitions/morthing)?
Nov 22nd, 2009
UnitZeroOne
JLoa : I never got to finish it. I’ll show the resulting demos later on this blog.
Nov 24th, 2009
Matt Lundstrom
Wmode : Opaque
FPS : 53.4
Rendered Frames : 534
Flash Player :MAC 10,0,32,18
Debug :true
OS : Mac OS 10.6.1
It did show tearing : NO
My browser : FF 3.5.5
Nov 30th, 2009
Onder Ezdi
Wmode : Opaque
FPS : 59.2
Rendered Frames : 593
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows Vista
It did show tearing : [FILL IN : yes/no]
My browser : [FILL IN : full browser version]
Dec 1st, 2009
Thomas
Nice! Is that you in the reflection?
Dec 2nd, 2009
martin
Wmode : Direct
FPS : 46.9
Rendered Frames : 470
Flash Player :MAC 10,0,32,18
Debug :true
OS : Mac OS 10.6.2
It did show tearing : NO
My browser : FF 3.5.5
—-
Wmode : Opaque
FPS : 9.46
Rendered Frames : 95
Flash Player :MAC 10,0,32,18
Debug :true
OS : Mac OS 10.6.2
It did show tearing : YES
My browser : FF 3.5.5
Dec 2nd, 2009
UnitZeroOne
It is
Dec 2nd, 2009
aaron
Wmode : Opaque
FPS : 44.2
Rendered Frames : 443
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows XP
It did show tearing : yes
My browser : chrome 3.0.195.33
Dec 3rd, 2009
aaron
Copy and past this to my comments :
Wmode : Direct
FPS : 29.8
Rendered Frames : 299
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows XP
It did show tearing : no
My browser : chrome 3.0.195.33
Dec 3rd, 2009
Allen Chou
Now THAT is just epic! How did you manage to make the discontinuity at edges look “smooth”? Normal maps?
Dec 11th, 2009
PBPraha
Copy and past this to my comments :
Wmode : Opaque
FPS : 60.2
Rendered Frames : 602
Flash Player :WIN 10,0,32,18
Debug :true
OS : Windows 7
It did show tearing : yes
My browser : Chrome 3.0.195.33
Copy and past this to my comments :
Wmode : Direct
FPS : 60.1
Rendered Frames : 602
Flash Player :WIN 10,0,32,18
Debug :true
OS : Windows 7
It did show tearing : yes
My browser : Chrome 3.0.195.33
Dec 14th, 2009
george
Copy and past this to my comments :
Wmode : Opaque
FPS : 57.5
Rendered Frames : 575
Flash Player :MAC 10,0,32,18
Debug :false
OS : Mac OS 10.5.8
It did show tearing : yes
My browser : Camno 2.0
Wmode : Direct
FPS : 46.7
Rendered Frames : 468
Flash Player :MAC 10,0,32,18
Debug :false
OS : Mac OS 10.5.8
It did show tearing : no
My browser : Camino 2.0
Dec 15th, 2009
Jerry
the effect is amazing.so cool.how do you let the swf file run so fast?
Dec 29th, 2009
leef
Holy smokes man that’s hot!
Jan 2nd, 2010
Ventoline
I’d like to see the milky ball again, so organic! Are you thinking of posting the swf, showing video or screenshots of it? It is mind blowing!
Jan 11th, 2010
chuwi
Copy and past this to my comments :
Wmode : Opaque
FPS : 35.0
Rendered Frames : 350
Flash Player :MAC 10,0,42,34
Debug :false
OS : Mac OS 10.5.8
It did show tearing : [FILL IN : yes/no]
My browser : [FILL IN : full browser version]
Jan 11th, 2010
Todd
Wmode : Opaque
FPS : 59.8
Rendered Frames : 599
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows Vista
It did show tearing : yes – looked like a few random horiz. white 1 pixel lines
My browser : Firefox 3.5.7
Wmode : Direct
FPS : 56.8
Rendered Frames : 569
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows Vista
It did show tearing : no – PERFECT!
My browser : Firefox 3.5.7
I didn’t even know it was possible to avoid tearing on Windowed mode!
Feb 3rd, 2010
Rossman
Wmode : Opaque
FPS : 59.3
Rendered Frames : 594
Flash Player :WIN 10,0,42,34
Debug :false
OS : Windows 7
It did show tearing : no
My browser : Firefox 3.5.7
———-
Wmode : Direct
FPS : 59.3
Rendered Frames : 594
Flash Player :WIN 10,0,42,34
Debug :false
OS : Windows 7
It did show tearing : no
My browser : Firefox 3.5.7
Feb 9th, 2010
marceloooo
Copy and past this to my comments :
Wmode : Opaque
FPS : 60.1
Rendered Frames : 601
Flash Player :WIN 10,0,32,18
Debug :false
OS : Windows XP
It did show tearing : [FILL IN : yes/no]
My browser : [FILL IN : full browser version]
Mar 25th, 2010
Some Funky Dude
Whoaa, that is awesome.
Apr 26th, 2010
TheDarkIn1978
this shit is fucking hardcore! definitely an inspiration.
May 5th, 2010
Reply to “Triangle3D : Small Flash 10 3D demo.”