Triangle3D : Small Flash 10 3D demo.

Screenshot from the realtime Flash3D 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.

Orignal unfinished demo

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.

This entry was posted in Examples, Flash, Technology, Uncategorized, User Groups and tagged , , , . Bookmark the permalink.

31 Responses to Triangle3D : Small Flash 10 3D demo.

  1. Pingback: Tweets that mention Triangle3D : Small Flash 10 3D demo. | UnitZeroOne -- Topsy.com

  2. David says:

    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.

  3. gordee says:

    This is a thing of beauty

  4. Pingback: Hebiflux » Exp√©rimentation musicale en flash et 3D

  5. Tamara says:

    just amazing!

  6. Tim says:

    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()

  7. dVyper says:

    That is a ridiculously beautiful example! I almost want to touch the actual shapes to see if they’re as smooth as they look!

  8. Michael says:

    this blew me away – absolutely love it.

  9. fazeaction says:

    Hi Ralph just a question….this themo is pure AS3 or you use pixel bender, alchemy…. thanks and great demo!!

  10. Jloa says:

    Why do the shapes change so fast (and with no transitions/morthing)?

  11. 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

  12. Onder Ezdi says:

    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]

  13. Thomas says:

    Nice! Is that you in the reflection? ;)

  14. martin says:

    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

  15. aaron says:

    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

  16. aaron says:

    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

  17. Allen Chou says:

    Now THAT is just epic! How did you manage to make the discontinuity at edges look “smooth”? Normal maps?

  18. PBPraha says:

    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

  19. george says:

    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

  20. Jerry says:

    the effect is amazing.so cool.how do you let the swf file run so fast?

  21. leef says:

    Holy smokes man that’s hot!

  22. Ventoline says:

    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!

  23. chuwi says:

    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]

  24. Todd says:

    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!

  25. Rossman says:

    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

  26. marceloooo says:

    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]

  27. Some Funky Dude says:

    Whoaa, that is awesome.

  28. TheDarkIn1978 says:

    this shit is fucking hardcore! definitely an inspiration.

Leave a Reply

Your email address will not be published. Required fields are marked *

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>

Notify me of followup comments via e-mail. You can also subscribe without commenting.