Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Creating Multiscreen Apps using Adobe Flash Platform


Published on

This is a presentation that was built for Flash Professional ActionScript 3.0 developers. This presentation briefs on how best one can write an application in ActionScript 3.0 for multiple devices and screens. It also covered the Flash Professional CS5 to Flash Builder workflow during presentation.

Published in: Technology
  • Be the first to comment

Creating Multiscreen Apps using Adobe Flash Platform

  1. 1. Creating Multi-Screen Applications Adobe Flash Platform Hemanth Sharma Platform Evangelist, Adobe Systems Inc.
  2. 2. Screens Handheld Devices Personal Computers Tablets Other Devices
  3. 3. Identification... <ul><li>Platforms - Windows, Macintosh, Android, etc. </li></ul><ul><li>Devices - Tablet, Set Top Box, Mobile (Device != Mobile Only) </li></ul><ul><li>Flavor - Standalone, Web Application, etc. </li></ul><ul><li>etc... </li></ul>
  4. 4. Problems... <ul><li>Screen Sizes - Portrait, Landscape </li></ul><ul><li>Operating Systems - Windows, Macintosh, Linux, Android, etc. </li></ul><ul><li>Capabilities - Processor, Memory </li></ul><ul><li>More Capabilities - Accelerometer, Multi Touch, Geolocation </li></ul><ul><li>Programming Languages </li></ul>
  5. 5. More Problems... <ul><li>Packaging - Desktop, Mobile, etc. </li></ul><ul><li>Distribution - Web, Desktop, Mobile, etc. </li></ul>
  6. 6. Solution! Adobe Flash Platform
  7. 7. Adobe Flash Platform Tools Flash Professional Flash Builder Flash Catalyst
  8. 8. Runtimes Flash Player 10.1 AIR 2.x
  9. 9. Development Techniques
  10. 10. Code Base & Design Cumbersome Duplicates Maintenance Cost Design + Code Desktop Design + Code Web Design + Code Mobile (320x480) Design + Code Mobile (640x360)
  11. 11. Single Code Base, Multiple Design Web Connectivity Core Logic Platform Code System Capabilities Error Messages Interaction Logic Still difficult to manage... Also not smart enough! Core Code Design Desktop Design Web (320x480) Design Mobile Design Mobile (640x360)
  12. 12. Single Code Base & Design Desktop Web Intelligent Code Smart way to achieve... And pays off! <ul><li>Core Logic </li></ul><ul><li>Error Messages </li></ul><ul><li>Web Connectivity </li></ul><ul><li>Interaction Logic </li></ul><ul><li>Flexible Layout </li></ul><ul><li>Seamless UX </li></ul><ul><li>Screen Dimensions </li></ul><ul><li>Platform Logic </li></ul><ul><li>System Capabilities </li></ul>Mobile (320x480) Mobile (640x360) Core Code Core Design
  13. 13. Flash Professional to Flash Builder Workflow & Multi-screen Development (Demo)
  14. 14. Example Game Landscape
  15. 15. Example Game Portrait
  16. 16. Example Game Square
  17. 17. Create Project / Create Project How did/can we do it? Flash Professional Flash Builder Run the Content Debug Application Create Packages & Class
  18. 18. Structure Summary Publish Settings set in Flash Pro Main Project Generic Package for all my games Game 1 Package - Crazy Gems Game 1 Logic Class Game 2 Package - Crazy Maze Game 2 Logic Class Game 1 UI Elements (Flash Pro) Game 2 UI Elements (Flash Pro)
  19. 19. Best Practices <ul><li>Core, Platform and Logic Write these as separate Class </li></ul><ul><li>User Interface Try and have Flexible Layout </li></ul><ul><li>Interface Logic Write this as a separate Class </li></ul><ul><li>Hardware Capabilities Use .isSupported API wherever necessary </li></ul><ul><li>JSFL Use JSFL to automate compilation process </li></ul><ul><li>Flex Library Project Use Flex Library Project to share code inside projects </li></ul>
  20. 20. Get in touch... Blog: Twitter / Facebook: hemanthsharma Email: [email_address]
  21. 21. Thank You