New Video Tutorial on Multi-Touch Gestures

I just finished uploading a new tutorial explaining how to create applications that respond to multi-touch gestures like zoom and rotate. This example creates an Adobe AIR 2.0 application as it is currently the only solution that will work cross-platform. I show the application running on both a MacBook Pro and an HP TouchSmart computer. Gesture icons used courtesy of GestureWorks.

Lee


Commentary

  1. theDarkIn1978 says:

    very nice indeed. i’m looking forward to the upcoming releases from Adobe.

  2. Jeff Johnson says:

    You are, without a doubt, the best.
    I hope that perhaps someday i can impress you in the way your skill impresses me.

    I am in the private preview running viper and will be creating a great deal of work there for name brand clients. ( pls dont post that statement, its FYI just for you)

    I do have a small request. Until such time as the iPad is running lots of CS5 Authored stuff … could you pass this along…?

    Replacing the Lego as seen only on ipod and iphone ( and soon iPad )

    See the viewsource in http://ctnhd.com – it uses mobile safari to detect Apple devices, and does a simple document write to replace the broken plugin lego. It just seems wrong to me that many sites will be defaced by the default plugin missing result users encounter and its easy to control that if you know how and copy/paste a solution.

  3. Martin says:

    Very nice tutorial ! I think we will have a lot of new classes/events/tricks to learn in AS3 with the multi-touch gesture. I can’t wait to see more tutorials !

    Congrats !

  4. Lee,
    You are free to use our gesture illustrations for your presentations and tutorials. However, we do require that you attribute the source the of the illustration.
    http://gestureworks.com/about/open-source-gesture-library/

    The illustrations are released using a creative commons license.

    Jim Spadaccini
    Ideum

  5. Amazing, I’m preparing to develop air multitouch applications. Thanks for the video. Regards from Mexico.

  6. trinath says:

    a great post lee. thanks from sep iam searching the articles thanks for the article and iam expecting many more articles from u.

    rather than MacBook Pro and an HP TouchSmart computer can’t we do this for iphone selecting the iphone for the first itself.
    any way thanks for the nice article. keep rocking

  7. Rafal says:

    Any Adobe AIR 2.0 support for Symbian?

  8. karlus says:

    can you drag 2 or more squares at the same time?

  9. Hi lee, I’m trying to do this tutorial with images from a xml. Any suggestions?

  10. Hi Lee,

    thanks a lot for the tutorial. From technical perspective it is really great that the Flash Player supports Gesture based interaction. But all people (developer) should keep in mind that gesture based interaction is not only a fancy feature for your application. Therefore, check the great talk from Dan Saffer http://www.designresearchconference.org/index.php?option=com_k2&view=item&id=19:dan-saffer-researching-and-designing-interactive-gestures&Itemid=73 how to use gesture based interaction in a meaningful way. I hope lee and your readers like the link…

    Bye
    Florian

  11. Lee,

    Thanks a lot for the tutorial.I am having problems installing Adobe Air SDK for Flash CS4 10.0.2. I followed the release notes, still my Air settings in Flash Cs4 says Air 1.5 and not Air 2.0 and I am not able to use TransformGesture Event. Please guide me. Thanks.

  12. hebchop says:

    Hey, Lee. Are regular Touch Events supported with a CS4 / AIR2 Beta setup? I have a brand new TouchSmart. The Gestures are firing great but I can’t get any regular TouchEvents to fire.

  13. Graham White says:

    Hi Lee,

    I have followed the instructions for installing the Air 2 SDK using the release notes.

    The instructions are clear except for “update your application descriptor file to use the “2.0beta2″ namespace.”

    I have searched the forums for information about this, and searched the CS4 directories for an appropriate file to update, but have been unable to identify exactly which file is called for. On Windows, CS4, where is the application descriptor file?

    I have installed the Air 2 runtime and sample applications and that seems fine.

    As always, thanks for your great site,

    Graham White

  14. Garry Young says:

    G’day Lee,

    Great tutorial. Off-topic, I love the custom Dock and desktop background you have on your MacBook Pro in the tutorial. I was just wondering where you got the custom Dock from?

    Cheers…

  15. Tom C says:

    I had some trouble with making this tutorial work but if you follow along with the following link it should help with making this tutorial work in Flash CS3:

    http://swfhead.com/blog/?p=16

  16. Php Coder says:

    A training video is very nice thanks lee :)

  17. Can anyone tell me how I can target the iPad with flash cs5? I want to start playing with this stuff and was told it would support iPad, but I only see settings for the phone.
    THanks

  18. Paul A says:

    Hey Lee. Thanks for all your great Flash leadership.

    Attn: venkatnarayan B, Did you get your issue with the version 1.5 and not 2.0 AIR settings worked out in the player settings? I have tried a few things and am having no luck getting that rectified. The install seems to have gone well other than that.

    BTW, to those looking for the application descriptor file, when you publish your AIR app, it creates an XML doc (same name as .swf) in the directory specified as the output directory in your publish settings. This is the application descriptor file.

    thanks in advance.
    Paul

  19. Paul A says:

    Nev mind publishing that last message… I am on CS4 and not CS5. I am guessing that is the issue.

    Thanks for telling off Jobs. :)

  20. Agustin says:

    Hi guys, this error appears when test the movie, can any help me?
    sorry 4 my bad english!

    Flash CS5
    in Adobe Air Window:

    VerifyError: Error #1014: Class flash.events::TransformGestureEvent could not be found.

    at runtime::ContentPlayer/loadInitialContent()
    at runtime::ContentPlayer/playRawContent()
    at runtime::ContentPlayer/playContent()
    at runtime::AppRunner/run()
    at global/runtime::ADLEntry()

  21. Clint Modien says:

    @Agustin

    What version of the mxmlc compiler are you using?

    I’ve seen this happen when you compile using framework rsl’s which is the default now in any new Flex SDK… try compiling with -static-link-runtime-shared-libraries=true

  22. osulla says:

    I have followed this tutorial but am using Adobe CS4 not CS5, have installed Adobe Air 2 but am still getting the error:

    1046: Type was not found or was not a compile-time constant: TransformGestureEvent.

    Any help would be appreciated!

Leave a Comment