{"id":8790,"date":"2014-08-18T05:27:10","date_gmt":"2014-08-18T05:27:10","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=8790"},"modified":"2014-08-18T05:44:40","modified_gmt":"2014-08-18T05:44:40","slug":"touch-event-as3-simple-example","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/touch-event-as3-simple-example\/affordablewebsitestips\/tutorials","title":{"rendered":"Touch Event AS3 simple example"},"content":{"rendered":"

In this tutorial I will show you how to create a simple touch event app using FlashCC and ActionScript.<\/p>\n

Simple touch event using AS3<\/p>\n

    \n
  1. Open FlashCC and click 'File' > 'New' > 'AIR for Android'..<\/li>\n
  2. Click 'File' > 'Save', and save the document as 'Main'.<\/li>\n
  3. Input 'Main' in the 'Class:' field and click the pencil icon next to it.<\/li>\n
  4. Click 'OK' on the message that pos up saying 'A definition for the document class could not be found in the classpath, so one will be automatically generated in the SWF file upon export.'<\/li>\n
  5. Click the pencil icon again next to the 'Class' field.<\/li>\n
  6. Select 'Flash Professional' and click 'OK' on the popup window that pops up.<\/li>\n
  7. You should see the 'Main' project class. Delete all the code in it, and replace it with this code.
    \n
     Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
    01<\/td>
    package<\/span>  {<\/span><\/pre><\/td><\/tr>
    02<\/td>
     <\/pre><\/td><\/tr>
    03<\/td>
     import<\/span> flash.display<\/span>.MovieClip<\/span>;<\/span><\/pre><\/td><\/tr>
    04<\/td>
     import<\/span> flash.events<\/span>.TouchEvent<\/span>;<\/span><\/pre><\/td><\/tr>
    05<\/td>
     import<\/span> flash.ui<\/span>.Multitouch<\/span>;<\/span><\/pre><\/td><\/tr>
    06<\/td>
     import<\/span> flash.ui<\/span>.MultitouchInputMode<\/span>;<\/span><\/pre><\/td><\/tr>
    07<\/td>
     <\/pre><\/td><\/tr>
    08<\/td>
     \/\/create vars<\/span><\/pre><\/td><\/tr>
    09<\/td>
     <\/pre><\/td><\/tr>
    10<\/td>
     public<\/span> class<\/span> Main extends<\/span> MovieClip {<\/span><\/pre><\/td><\/tr>
    11<\/td>
     <\/pre><\/td><\/tr>
    12<\/td>
     <\/pre><\/td><\/tr>
    13<\/td>
     public<\/span> function<\/span> Main(<\/span>)<\/span> {<\/span><\/pre><\/td><\/tr>
    14<\/td>
     \/\/ constructor code<\/span><\/pre><\/td><\/tr>
    15<\/td>
     Multitouch.inputMode<\/span> =<\/span> MultitouchInputMode.TOUCH_POINT<\/span>;<\/span><\/pre><\/td><\/tr>
    16<\/td>
     stage.addEventListener<\/span>(<\/span>TouchEvent.TOUCH_BEGIN<\/span>,<\/span> onTouchBegin)<\/span>;<\/span><\/pre><\/td><\/tr>
    17<\/td>
     stage.addEventListener<\/span>(<\/span>TouchEvent.TOUCH_END<\/span>,<\/span> onTouchFinish)<\/span>;<\/span><\/pre><\/td><\/tr>
    18<\/td>
     }<\/span><\/pre><\/td><\/tr>
    19<\/td>
     <\/pre><\/td><\/tr>
    20<\/td>
     function<\/span> onTouchBegin(<\/span>e:<\/span>TouchEvent)<\/span>:<\/span>void<\/span> {<\/span> <\/pre><\/td><\/tr>
    21<\/td>
     trace(<\/span>"touch on!!!"<\/span>)<\/span>;<\/span><\/pre><\/td><\/tr>
    22<\/td>
     }<\/span><\/pre><\/td><\/tr>
    23<\/td>
     <\/pre><\/td><\/tr>
    24<\/td>
     function<\/span> onTouchFinish(<\/span>e:<\/span>TouchEvent)<\/span>:<\/span>void<\/span>{<\/span><\/pre><\/td><\/tr>
    25<\/td>
     trace(<\/span>"touch off!!!"<\/span>)<\/span>;<\/span><\/pre><\/td><\/tr>
    26<\/td>
     }<\/span><\/pre><\/td><\/tr>
    27<\/td>
     <\/pre><\/td><\/tr>
    28<\/td>
     }<\/span><\/pre><\/td><\/tr>
    29<\/td>
     <\/pre><\/td><\/tr>
    30<\/td>
    }<\/span><\/pre><\/td><\/tr>
    31<\/td>
    <\/pre><\/td><\/tr><\/table><\/div><\/pre><\/li>\n
  8. Click 'File' > 'Save' and save this project class to the same directory as the '.fla' file.<\/li>\n
  9. Publish your project 'CTRL' + 'Enter' key'.<\/li>\n<\/ol>\n
    Now when you click the mouse on the Android simulator, you should see 'touch on!!!' and 'touch off!!!' when you press and release the mouse button.<\/p>\n","protected":false},"excerpt":{"rendered":"
    In this tutorial I will show you how to create a simple touch event app using FlashCC and ActionScript. Simple touch event using AS3 Open FlashCC and click ‘File’ > ‘New’ > ‘AIR for Android’.. Click ‘File’ > ‘Save’, and save the document as ‘Main’. Input ‘Main’ in the ‘Class:’ field and click the pencil […]<\/p>\n","protected":false},"author":1,"featured_media":8748,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-8790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=8790"}],"version-history":[{"count":4,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8790\/revisions"}],"predecessor-version":[{"id":8793,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/8790\/revisions\/8793"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/8748"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=8790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=8790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=8790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}