Multi-touch development with Flash and Flex
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Multi-touch development with Flash and Flex

  • 9,497 views
Uploaded on

This is my presentation that I during webinar session. Link to my webinar recording: http://my.adobe.acrobat.com/p84912063/

This is my presentation that I during webinar session. Link to my webinar recording: http://my.adobe.acrobat.com/p84912063/

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
9,497
On Slideshare
9,246
From Embeds
251
Number of Embeds
11

Actions

Shares
Downloads
114
Comments
0
Likes
3

Embeds 251

http://blogs.adobe.com 144
http://www.slideshare.net 72
http://eclipseplugincentral.blogspot.com 24
http://translate.googleusercontent.com 3
http://eclipseplugincentral.blogspot.in 2
http://eclipseplugincentral.blogspot.tw 1
http://eclipseplugincentral.blogspot.co.at 1
http://eclipseplugincentral.blogspot.ch 1
http://eclipseplugincentral.blogspot.com.es 1
http://eclipseplugincentral.blogspot.co.nz 1
http://eclipseplugincentral.blogspot.de 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Touch events are similar to mouse events, except that you can receive and track more than one of them at once, and touch events do not support mouse-specific concepts such as hovering.Gestures are the synthesis of multiple touch events into a single event. Examples of gestures include "pinching" an image to scale it, or "swiping" to delete something from a list. Some platforms explicitly support the concept of gestures, reducing the amount of work that a developer needs to do in order to detect and react to them, and some platforms require developers to capture multiple touch events and synthesize them into gestures themselves. The Flash Platform automatically synthesizes the most common gestures across different platforms, but also provides developers with the APIs necessary to synthesize their own.

Transcript

  • 1. Multi-touch development in Flash and Flex Piotr Walczyszyn | Platform Evangelist © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • 2. About Me h p://riaspace.net h p://twi er.com/pwalczyszyn © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2
  • 3. Agenda   Touch events vs. gestures   Supported platforms and hardware   New Flash touch API’s   New Flash gesture API’s   Demo   Q&A © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3
  • 4. Touch events vs. gestures   Touch events are raw inputs   Gestures are combinations of multiple touch events © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 4
  • 5. Supported platforms and hardware   Supported by Flash Player 10.1 and AIR 2.0   Touch   Windows 7 and later   iPhone OS 3.0 and later   Gestures   Windows 7 and later   Macs running Mac OS X 10.5.3 and later (with multi-touch trackpads)   At this time only AIR applications (not swf content in the browsers)   iPhone OS 3.0 and later © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 5
  • 6. WHAT’S NEW? © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 6
  • 7. What do we get with FP10.1 and AIR 2.0?   flash.ui.Multitouch   flash.ui.MultitouchInputMode   flash.events.TouchEvent   flash.events.GestureEvent   flash.events.GesturePhase   flash.events.TransformGestureEvent   flash.events.PressAndTapGestureEvent © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 7
  • 8. Multitouch API   Multitouch.inputMode   MultitouchInputMode.GESTURE: Use this mode if you want multi-touch events synthesized into gesture events.   MultitouchInputMode.TOUCH_POINT: Use this mode if you are interested only in touch events and no mouse or gesture events.   MultitouchInputMode.NONE: Use this mode if you want to handle all touches as mouse events.   Multitouch.maxTouchPoints   Multitouch.supportedGestures   Returns Vector.<String>   Multitouch.supportsGestureEvents   Multitouch.supportsTouchEvents © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 8
  • 9. TOUCH EVENTS © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 9
  • 10. New Flash touch API’s   TouchEvent.TOUCH_BEGIN   TouchEvent.TOUCH_END   TouchEvent.TOUCH_MOVE   TouchEvent.TOUCH_OUT   TouchEvent.TOUCH_OVER   TouchEvent.TOUCH_ROLL_OUT   TouchEvent.TOUCH_ROLL_OVER   TouchEvent.TOUCH_TAP © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 10
  • 11. New Flash touch API’s   Touch event properties   touchPointID: A unique identi cation number assigned to the touch point.   isPrimaryTouchPoint: Indicates whether the rst point of contact is mapped to mouse events.   pressure: A value between 0.0 and 1.0 indicating force of the contact with the device.   sizeX: e width of the contact area.   sizeY: e height of the contact area.   New touch functions on Sprite   startTouchDrag: Drags the speci ed sprite on a touch-enabled device.   stopTouchDrag: Ends the startTouchDrag() method. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 11
  • 12. GESTURE EVENTS © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 12
  • 13. New Flash gesture API’s   GestureEvent.GESTURE_TWO_FINGER_TAP   PressAndTapGestureEvent.GESTURE_PRESS_AND_TAP   TransformGestureEvent.GESTURE_PAN   TransformGestureEvent.GESTURE_ROTATE   TransformGestureEvent.GESTURE_SWIPE   TransformGestureEvent.GESTURE_ZOOM © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 13
  • 14. Gesture events properties   TransformGestureEvent:   offsetX and offsetY indicate the horizontal or vertical translation of the display object since the previous gesture event.   scaleX and scaleY indicate the horizontal or vertical scale of the display object since the previous gesture event.   rotation indicates the current rotation angle, in degrees, of the display object along the z-axis since the previous gesture event.   PressAndTapGestureEvent:   tapLocalX and tapLocalY indicating the horizontal or vertical coordinate at which the event occurred relative to the containing interactive object.   tapStageX and tapStageY indicate the horizontal or vertical coordinate at which the tap touch occurred in global Stage coordinates. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 14
  • 15. DEMO © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 15
  • 16. Credits and Links   Credits to Ryan Lee for le ing me use icons from h p://gesturecons.com   Christian Cantrell’s article on: h p://www.adobe.com/devnet/ ash/articles/multitouch_gestures.html   ASDocs: h p://help.adobe.com/en_US/FlashPlatform/beta/reference/actionscript/3/ ash/ui/Multitouch.html © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
  • 17. Q&A © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 17
  • 18. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.