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

Comments

  1. Dimitris
    October 31st, 2008 | 1:15 am

    something is not working right, Lee

  2. lee
    October 31st, 2008 | 1:19 am

    Do you have Flash Player 10?

  3. October 31st, 2008 | 1:35 am

    Nice effect!

  4. October 31st, 2008 | 1:49 am

    Not bad :D

    Sounds like someone was receiving a text during the vid

  5. Flo
    October 31st, 2008 | 2:39 am

    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.
    October 31st, 2008 | 3:10 am

    It doesn’t load…

  7. Tim
    October 31st, 2008 | 3:48 am

    Nice effect Lee!

  8. Pieter
    October 31st, 2008 | 4:49 am

    works fine for me

  9. soyek
    October 31st, 2008 | 6:18 am

    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. October 31st, 2008 | 6:20 am

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

    -Brian

  11. October 31st, 2008 | 6:26 am

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

  12. Matt Blubaugh
    October 31st, 2008 | 6:37 am

    Cool stuff, and seems to be cpu friendly.

  13. October 31st, 2008 | 7:08 am

    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
    October 31st, 2008 | 7:08 am

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

  15. Dimitris
    October 31st, 2008 | 7:14 am

    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
    October 31st, 2008 | 7:15 am

    Works great for me.

  17. Steven
    October 31st, 2008 | 7:41 am

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

  18. October 31st, 2008 | 7:55 am

    Coolio!

  19. October 31st, 2008 | 8:01 am

    Flash Player 10 debug is not having any of it.

  20. October 31st, 2008 | 8:48 am

    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.

  21. Ryan
    October 31st, 2008 | 9:10 am

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

  22. October 31st, 2008 | 9:24 am

    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.

  23. October 31st, 2008 | 1:10 pm

    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

  24. Hassan
    October 31st, 2008 | 1:16 pm

    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?

  25. noj
    October 31st, 2008 | 9:10 pm

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

  26. Stu
    November 1st, 2008 | 5:09 am

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

  27. November 2nd, 2008 | 10:50 am

    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!

  28. steelo brown
    November 3rd, 2008 | 4:42 am

    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.

  29. Tobias Korsback
    November 3rd, 2008 | 8:26 am

    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?

  30. November 3rd, 2008 | 11:14 pm

    [...] the new tutorial that shows you how to make the 3D video flip application that I showed in a previous post. Now there are probably much better ways of doing Z sorting. But for only two objects you can get [...]

  31. Allan Hollenberg
    November 4th, 2008 | 12:22 pm

    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.

  32. Fabian
    November 8th, 2008 | 9:35 am

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

    please…

  33. November 10th, 2008 | 1:47 pm

    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.

  34. November 13th, 2008 | 8:32 am

    [...] the new tutorial that shows you how to make the 3D video flip application that I showed in a previous post. Now there are probably much better ways of doing Z sorting. But for only two objects you can get [...]

  35. Craig
    December 29th, 2008 | 4:27 pm

    Hey Lee,

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

  36. Craig
    December 29th, 2008 | 4:30 pm

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

Leave a reply