Flash Player 10 Video Flipper 3D

Below you can check out the subject for my next tutorial. It shows you how to create a simple 3D flip effect using the new 3D features in Flash Player 10. After the video starts playing you can click the rotate button to flip it 180 degrees. On the back is a description of the video including some links which are fully clickable. You can even see the video still playing in reverse. The video controls remain regardless of position. Click on the image below to check it out.

Lee


Commentary

  1. Dimitris says:

    something is not working right, Lee

  2. lee says:

    Do you have Flash Player 10?

  3. Zwolu says:

    Nice effect!

  4. dVyper says:

    Not bad :D

    Sounds like someone was receiving a text during the vid

  5. Flo says:

    Works fine. Great example.

    I think we’ll see things like that in the next year on a lot of video sharing sites.

  6. J. says:

    It doesn’t load…

  7. Tim says:

    Nice effect Lee!

  8. Pieter says:

    works fine for me

  9. soyek says:

    Everything works fine & flawless. Can’t w8 for the Tut :)

    Lee, is it possible to work with something else than flat MCs in FP10? A Box, for example? Or we still have to use PV/Away to do such stuff?
    I’d really like to know.
    Anyway, thanks 4 Your great “evangelism” :D

  10. Brian Reyman says:

    Very cool application of the new feature. I’m looking forward to the tutorial!

    -Brian

  11. Lee, you have the JEC interview on this post. Wrong video? ;-)

  12. Matt Blubaugh says:

    Cool stuff, and seems to be cpu friendly.

  13. Raul Riera says:

    Worked for me, after clicking it quickly it made a weird jump, but I loved it, yay that this is going to be your next tutorial

  14. Ty says:

    Can you post code here. I just begun my flash 10 studying..

  15. Dimitris says:

    You are right, I tested from my school PC this morning(not FP 10)… Now I test it from home, everything is OK!
    P.S. Can you please update the FP 10 sound tutorial(I know some things changed in the Sound API)
    Thanks

  16. Travikk says:

    Works great for me.

  17. Steven says:

    Very cool. I know of a client who would love this effect in a few of their projects.

  18. cisnky says:

    Flash Player 10 debug is not having any of it.

  19. Cool,
    I think than FP10 3D features aren’t have much attention right now because, papervision already shown us all this early.

    But, really, Flash CS4 everything become more easy.

  20. Ryan says:

    Works fine for me with Flash Player 10. Thanks, Lee. Cool stuff. Can’t wait to start playing around w/ this stuff in CS4.

  21. Curt says:

    Sweet! I was half way through implementing this sorta thing into my latest PictureFlow class.

    http://www.geekygoodness.com/ for example (requires flash player 10),

    but ill wait until i see how you have done it before implementing it in.

  22. jeanphilippe says:

    Hi Lee
    my post this morning has been lost :)

    i think it’s using drawtriangle to do it
    cause rotationX or rotationY draw my clip in bipmap and the text and links are killed.
    thanks for your work
    i’m waiting for your tutorial.
    JP

  23. Hassan says:

    Hello Lee and thank you for your awesome tuts!
    Lee, What do you mean when you refer to flash community? Is it like a forum? How can I join it?

  24. noj says:

    “I think we’ll see things like that in the next year on a lot of video sharing sites.”

    Next Year I hope with a small update to get full pixel bender support on GPU, Flashers are going to kill Silverlight.

  25. Stu says:

    Love the example Lee – can’t wait for the tutorial!

  26. Jake Hawkes says:

    Lee,

    Can you explain why you have used a JS flash player detection rather then using SWFObject 2.0…pleeeease.

    Flash Player detection is my bain of existence as far as best practices seem to change all of the time and I am still relatively confused as to why you would use one over the other.

    Thank you in advance!

  27. steelo brown says:

    Hey Lee,

    I’m on a Mac and did not have the Flash 10 plugin installed in Safari, when I clicked on the link I just got a Flickering Flash icon. Of course I knew what the problem was but I was surprised that Auto-Detect didn’t kick in? Thought I’d let you know.

    Great Example though and the Tutorials are some of the best I seen. Great explanations and easy to follow along! Thanks for your hard work.

  28. Tobias Korsback says:

    Looks good. It would be nice if you can show how you work with the Z-axis. Will the layer under be the back of the MC or are you just adding it in the middle of the flip?

  29. Allan Hollenberg says:

    The movie doesn’t work. The flv playback component flashes they splashscreen or something like that. I have the latest version of flashplayer. What is wrong?

    I liked the tutorial on this app.

  30. Fabian says:

    which is the tutorial to explain?”imaport caurina.transitions .*;”

    please…

  31. Xander says:

    CS4 is amazing. They should make a lot of stuff easier, like preloading.
    I’d imagine it would be really easing to include something like a preload WIZARD or a load EXT. swf WIZARD.

    But.. maybe next time.

  32. Craig says:

    Hey Lee,

    Can i use this prosess in CS3 ???[..]

  33. Craig says:

    I mean i can use this process in CS3 ??. This process will work on CS3 ???

  34. Edgar says:

    I opened your fla file in CS5 and tried to test it. I did not touch anything and immediately found three lines of complaint:

    Scene 1, Layer ‘actions’, Frame 1, Line 1 1172: Definition caurina.transitions could not be found.
    Scene 1, Layer ‘actions’, Frame 1, Line 1 1172: Definition caurina.transitions could not be found.
    Scene 1, Layer ‘actions’, Frame 1, Line 24 1120: Access of undefined property Tweener.

    Please help me correct the problem. Thanks.

  1. [... Below you can check out the subject for my next tutorial. It shows you how to create a simple 3D flip effect using the new 3D features in Flash Player ...]

  2. [... Below you can check out the subject for my next tutorial. It shows you how to create a simple 3D flip effect using the new 3D features in Flash Player ...]

Leave a Comment