More Related Content
Similar to Creating Mobile Content Using Flash (20)
Creating Mobile Content Using Flash
- 1. Creating Mobile Content
Using Flash Professional CS5
Paul Trani
ptrani@adobe.com www.paultrani.com @paultrani
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 2. Creating Mobile Content
Take advantage of the proliferation of Flash by creating
experiences that are optimized for multiple screens.
• Design considerations
• Optimization techniques
• Device specific capabilities
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 3. Flash Player Penetration by 2012
350
Total Smartphones
300
Smartphones with Flash Player
Millions of Smartphones
250
200
53%
150
100 35%
50
9%
0
2009 2010 2011 2012
Source: Strategy Analytics smartphone forecast (January 2010) and Adobe adoption estimates
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 4. Smartphones with Flash Player 10.1
Unofficial List!
• Nexus One
• Motorola Droid 2
• Motorola Droid X
• Motorola Droid
• HTC Desire
• HTC Legend
• HTC Incredible
• HTC Wildfire
• HTC Aria
• Samsung Galaxy S
• Palm Pre
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 5. Design
Considerations
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 6. Design Considerations for Touch UI
Keep gestures smart and simple
Leverage clear mental models
Touch feedback is key
www.idlemode.com
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 7. Design for Real Hand Sizes
44px
©2010 Adobe Systems Incorporated. All Rights Reserved. 7
- 8. Placement
©2010 Adobe Systems Incorporated. All Rights Reserved. 8
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.
- 9. Text and Context
14pt font size
San serif (Arial, Helvetica, Verdana)
High contrast (black on white, white on black)
Use opaque background over transparency
©2010 Adobe Systems Incorporated. All Rights Reserved. 9
- 13. Graphics
Consider bitmaps over vectors
Minimize number of vectors
Test with different qualities of Stage
Avoid, if possible:
Filters
Blend modes
Transparency
Perspective distortion
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 14. ActionScript Optimization
Set frame rate as low as possible
Dynamically adjust frame rate
Consolidate into a single handler
Use GPU accelerated Bitmap Transformations
(cacheAsBitmapMatrix)
Bitmap Blitting
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 16. Designed for New Platforms
Brings full Flash Player feature set to devices
Mobile-ready features that take advantage of native
device capabilities:
Multi-touch and gestures
Accelerometer input
Geolocation
Mobile text input
Optimized SWF management for mobile
Sleep mode
Graphics hardware acceleration
H.264 video hardware decoding
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 18. Publishing
Flash Player: In the Browser
AIR: Beyond the Browser
Build standalone applications using Flash
Everything Flash Player 10.1 has and then some
First mobile operating system to be supported is Android
Provides Flash developers access to app stores
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 19. Two Clients
Mulitouch Accelerometer Orientation Microphone Keyboard Geolocation Camera GPS
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 20. Packaging & Distribution
.air
(swf, jpg, mp3)
.exe
.air
(swf, jpg, mp3)
.dmg
.ipa
.apk
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 21. AIR for Android: Setup
Get the Android SDK: http://developer.android.com/sdk
Allows you to create and install apps on your device
Android - SDK Manager to install packages etc.
ADB – Android Device Debugger installs apps on your device
DDMS - Dalvik Debug Monitor for desktop simulation.
Join the AIR Prerelease http://labs.adobe.com/technologies/air/
Get AIR for Android runtime .apk installed
Get the AIR for Android Extension for Flash CS5 to make apps
©2010 Adobe Systems Incorporated. All Rights Reserved.
- 24. Resources
DROID Does Flash ■ ptrani@adobe.com
hosted by Adobe & Motorola ■ www.adobetv.com
Thursday, September 16, 2010 ■ http://www.paultrani.com
from 6:00 PM - 9:00 PM (PT) ■ www.bytearray.org
■ http://www.RIAgora.com
■ http://www.flashmobileblog.com
■ http://www.gotoandlearn.com
■ http://www.blackcj.com
©2010 Adobe Systems Incorporated. All Rights Reserved.