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.
Pingback: Tweets that mention Triangle3D : Small Flash 10 3D demo. | UnitZeroOne -- Topsy.com
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.
This is a thing of beauty
Pingback: Hebiflux » Expérimentation musicale en flash et 3D
just amazing!
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()
@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).
That is a ridiculously beautiful example! I almost want to touch the actual shapes to see if they’re as smooth as they look!
this blew me away – absolutely love it.
Hi Ralph just a question….this themo is pure AS3 or you use pixel bender, alchemy…. thanks and great demo!!
Why do the shapes change so fast (and with no transitions/morthing)?
JLoa : I never got to finish it. I’ll show the resulting demos later on this blog.
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
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]
Nice! Is that you in the reflection?
It is
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
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
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
Now THAT is just epic! How did you manage to make the discontinuity at edges look “smooth”? Normal maps?
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
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
the effect is amazing.so cool.how do you let the swf file run so fast?
Holy smokes man that’s hot!
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!
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]
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!
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
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]
Whoaa, that is awesome.
this shit is fucking hardcore! definitely an inspiration.