SlideShare a Scribd company logo
SFUG Flash on Mobile and Devices
Flash on mobiles
getting started with flash on mobile
about me


• Weyert de Boer
• Flash Designer / Developer at Nothing
• Co-Author of books about Flash Lite
  and AIR
• Flash Lite developer since Late 2004
• Worked on Flash-based UI for Motorola,
let's talk about...

          The past of mobile flash
let's talk about...

          The past of mobile flash

      Past and future of mobile flash
let's talk about...

          The past of mobile flash

      Past and future of mobile flash

       Monetizing and distribution
let's talk about...

          The past of mobile flash

      Past and future of mobile flash

       Monetizing and distribution

    Optimisation tips for mobile flash
let's talk about...




          The past of mobile flash
The past of mobile flash




 In 2003 Flash Lite 1.0 got released
 which came with a limited feature-set
 of the Flash Player 4




                                         8
The past of mobile flash




 In 2006 a more powerful version of
 Flash Lite got released 2.1 which
 added support for XMLSockets




                                      9
The past of mobile flash




 Flash Lite 3 introduced support for
 Flash Video like H.264 in 2007.




                                       10
let's talk about...




        The future of mobile flash
The future of flash mobile




 October 2009 Flash Player 10.1 was
 announced the first full-blown flash
 player for mobile devices




                                      12
The future of flash mobile

   Browser Plugins       Current                 2010



    Desktop class    Flash Player 10.1
                                         Flash Player 10.1

   High-end class
     (smartphones)

                      Flash Lite 3.1

                                          Flash Enabled
   Low-end class

                                         (source: Mark Doherty, Adobe)



                                                                         13
The future of flash mobile




     What’s new in Flash Player 10.1?




                                        14
The future of flash mobile
                   ActionScript 3
                     Multitouch
                 Screen orientation
                    Geolocation
                  Accelerometers
                  Native text input
   Memory and cpu performance improvements
 Support for Palm Pre, Blackberry, Apple , Android,
             Windows Mobile, Symbian
  Hardware based rendering and video decoding


                                                  15
The future of flash mobile




    AIR and mobile, what about that?




                                       16
The future of flash mobile




    Flash for the iPhone leverages AIR
   technology for the building process




                                         17
The future of flash mobile




    Final result of the Flash for iPhone
   solution is an application bundle file
   which can easily be installed on the




                                           18
The future of flash mobile




 Similar solutions in the future for other
 mobile platforms like Android, Symbian




                                         19
The future of flash mobile




   Contextual applications the new hot
 thing, same content on different devices




                                        20
let's talk about...




      Monetizing and redistribution
Monetizing and redistribution




 In the early years it was difficult to
 redistribute the flash player and you
 were depending on preinstalled




                                          22
Monetizing and redistribution




  Hard time to earn money with flash
  content via content providers or




                                      23
Monetizing and redistribution



  Easiest way to earn money with
  mobile flash content is by
  collaborating in contests or get a
  grant via the Open Screen Project




                                       24
let's talk about...




    Optimisation tips for mobile flash
Optimisation tips for mobile flash
content

• Every sixty seconds
• GC has it’s own will (not controllable)
• Cleanup after yourself




                                            26
Optimisation tips for mobile flash
content

 Demo




                                    27
Optimisation tips for mobile flash
content

         Tip #10
      Remove elements
      when not needed


                                    28
Optimisation tips for mobile flash
content

          Tip #9
   Use or load elements
    or data on demand


                                    29
Gotchas and optimisation tips


         Tip #8
 Use external assets for
   efficient memory
          usage

                                30
Optimisation tips for mobile flash
content

           Tip #7
    Optimise artwork by
   limiting colour depth


                                    31
Optimisation tips for mobile flash
content

         Tip #6
   Use vector art only
  when really necessary


                                    32
Optimisation tips for mobile flash
content

          Tip #5
        Avoid using
    transparent images
       were possible

                                    33
Optimisation tips for mobile flash
content

               Tip #4
          Watch out for
          gotoAndPlay()



                                    34
Optimisation tips for mobile flash
content

          Tip #3
     Embedded fonts
   means vector and so
   harder on the mobile
          device
                                    35
Optimisation tips for mobile flash
content

           Tip #2
      Don’t use images
      bigger then really
          necessary

                                    36
Optimisation tips for mobile flash
content

           Tip #1
    Consider keyframe
      animation over
    timeline or scripted
           tweens
                                    37
Optimisation tips for mobile flash
content

      Most important
    Actually test on the
   target device and not
    only on the desktop

                                    38
Optimisation tips for mobile flash
content




         Thanks to
      Thomas Joos and
       Mark Doherty

                                    39
Optimisation tips for mobile flash
content




           Book Raffle


                                    40
thank you!

More Related Content

PDF
Camerjam mobile marketing masterclass 12snap
PPTX
Nike cold weather 2011 PointRoll Creative Technology Solution
PDF
10 Commandments of Gamification
PDF
RivusMediaSupplyMR6pt
PDF
Yd's bp gmic
PDF
FITC Android for Flashers
PPT
Slideshare Powerpoint presentation
PDF
The Near Future of CSS
Camerjam mobile marketing masterclass 12snap
Nike cold weather 2011 PointRoll Creative Technology Solution
10 Commandments of Gamification
RivusMediaSupplyMR6pt
Yd's bp gmic
FITC Android for Flashers
Slideshare Powerpoint presentation
The Near Future of CSS

Similar to SFUG Flash on Mobile and Devices (20)

PPTX
Practical Design and Development with Flash on Mobile and Devices
PDF
Chrome for android_devfestx
PDF
Rickroll To Go With PHP, WURFL, and Other Open Source Tools
PDF
Mobile Developer's Guide To The Galaxy 12th Edition
KEY
Creating Next-Generation ADF Mobile Applications
PDF
Old School Race
PDF
Luke Wroblewski: Mobile First
PDF
What is hybrid mobile app development? | Nitor Infotech
PDF
Mobile App Performance Optimization to Improve User Experience - by Supercharge
PDF
Tools and Techniques for mobile learning
PPTX
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
PDF
Flutter vs. ionic which one should be your choice
PDF
What Are Your Options If You Can’t Use Flutter_.pdf
PDF
Federico Lox Lucignano, War of the worlds web or native both
PPTX
Flutter Beta but Better and Better
PDF
Mobile Developer's Guide To The Galaxy, 14th Edition
PPTX
Rapid Prototyping with Cordova aka Phonegap
PDF
Where Do Cross-Platform App Frameworks Stand in 2020?
PPTX
What’s new in Flutter3.pptx
PDF
Top-Flutter-App-Development-Trends-You-Need-to-Know-in-2025.pdf
Practical Design and Development with Flash on Mobile and Devices
Chrome for android_devfestx
Rickroll To Go With PHP, WURFL, and Other Open Source Tools
Mobile Developer's Guide To The Galaxy 12th Edition
Creating Next-Generation ADF Mobile Applications
Old School Race
Luke Wroblewski: Mobile First
What is hybrid mobile app development? | Nitor Infotech
Mobile App Performance Optimization to Improve User Experience - by Supercharge
Tools and Techniques for mobile learning
Seizing the Mixed Reality Revolution – A past, present and future Mixed Reali...
Flutter vs. ionic which one should be your choice
What Are Your Options If You Can’t Use Flutter_.pdf
Federico Lox Lucignano, War of the worlds web or native both
Flutter Beta but Better and Better
Mobile Developer's Guide To The Galaxy, 14th Edition
Rapid Prototyping with Cordova aka Phonegap
Where Do Cross-Platform App Frameworks Stand in 2020?
What’s new in Flutter3.pptx
Top-Flutter-App-Development-Trends-You-Need-to-Know-in-2025.pdf
Ad

Recently uploaded (20)

PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Electronic commerce courselecture one. Pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Spectroscopy.pptx food analysis technology
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Approach and Philosophy of On baking technology
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
A Presentation on Artificial Intelligence
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
A comparative analysis of optical character recognition models for extracting...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Electronic commerce courselecture one. Pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Review of recent advances in non-invasive hemoglobin estimation
The AUB Centre for AI in Media Proposal.docx
Spectroscopy.pptx food analysis technology
Per capita expenditure prediction using model stacking based on satellite ima...
Reach Out and Touch Someone: Haptics and Empathic Computing
“AI and Expert System Decision Support & Business Intelligence Systems”
Advanced methodologies resolving dimensionality complications for autism neur...
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Approach and Philosophy of On baking technology
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
A Presentation on Artificial Intelligence
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Ad

SFUG Flash on Mobile and Devices

  • 2. Flash on mobiles getting started with flash on mobile
  • 3. about me • Weyert de Boer • Flash Designer / Developer at Nothing • Co-Author of books about Flash Lite and AIR • Flash Lite developer since Late 2004 • Worked on Flash-based UI for Motorola,
  • 4. let's talk about... The past of mobile flash
  • 5. let's talk about... The past of mobile flash Past and future of mobile flash
  • 6. let's talk about... The past of mobile flash Past and future of mobile flash Monetizing and distribution
  • 7. let's talk about... The past of mobile flash Past and future of mobile flash Monetizing and distribution Optimisation tips for mobile flash
  • 8. let's talk about... The past of mobile flash
  • 9. The past of mobile flash In 2003 Flash Lite 1.0 got released which came with a limited feature-set of the Flash Player 4 8
  • 10. The past of mobile flash In 2006 a more powerful version of Flash Lite got released 2.1 which added support for XMLSockets 9
  • 11. The past of mobile flash Flash Lite 3 introduced support for Flash Video like H.264 in 2007. 10
  • 12. let's talk about... The future of mobile flash
  • 13. The future of flash mobile October 2009 Flash Player 10.1 was announced the first full-blown flash player for mobile devices 12
  • 14. The future of flash mobile Browser Plugins Current 2010 Desktop class Flash Player 10.1 Flash Player 10.1 High-end class (smartphones) Flash Lite 3.1 Flash Enabled Low-end class (source: Mark Doherty, Adobe) 13
  • 15. The future of flash mobile What’s new in Flash Player 10.1? 14
  • 16. The future of flash mobile ActionScript 3 Multitouch Screen orientation Geolocation Accelerometers Native text input Memory and cpu performance improvements Support for Palm Pre, Blackberry, Apple , Android, Windows Mobile, Symbian Hardware based rendering and video decoding 15
  • 17. The future of flash mobile AIR and mobile, what about that? 16
  • 18. The future of flash mobile Flash for the iPhone leverages AIR technology for the building process 17
  • 19. The future of flash mobile Final result of the Flash for iPhone solution is an application bundle file which can easily be installed on the 18
  • 20. The future of flash mobile Similar solutions in the future for other mobile platforms like Android, Symbian 19
  • 21. The future of flash mobile Contextual applications the new hot thing, same content on different devices 20
  • 22. let's talk about... Monetizing and redistribution
  • 23. Monetizing and redistribution In the early years it was difficult to redistribute the flash player and you were depending on preinstalled 22
  • 24. Monetizing and redistribution Hard time to earn money with flash content via content providers or 23
  • 25. Monetizing and redistribution Easiest way to earn money with mobile flash content is by collaborating in contests or get a grant via the Open Screen Project 24
  • 26. let's talk about... Optimisation tips for mobile flash
  • 27. Optimisation tips for mobile flash content • Every sixty seconds • GC has it’s own will (not controllable) • Cleanup after yourself 26
  • 28. Optimisation tips for mobile flash content Demo 27
  • 29. Optimisation tips for mobile flash content Tip #10 Remove elements when not needed 28
  • 30. Optimisation tips for mobile flash content Tip #9 Use or load elements or data on demand 29
  • 31. Gotchas and optimisation tips Tip #8 Use external assets for efficient memory usage 30
  • 32. Optimisation tips for mobile flash content Tip #7 Optimise artwork by limiting colour depth 31
  • 33. Optimisation tips for mobile flash content Tip #6 Use vector art only when really necessary 32
  • 34. Optimisation tips for mobile flash content Tip #5 Avoid using transparent images were possible 33
  • 35. Optimisation tips for mobile flash content Tip #4 Watch out for gotoAndPlay() 34
  • 36. Optimisation tips for mobile flash content Tip #3 Embedded fonts means vector and so harder on the mobile device 35
  • 37. Optimisation tips for mobile flash content Tip #2 Don’t use images bigger then really necessary 36
  • 38. Optimisation tips for mobile flash content Tip #1 Consider keyframe animation over timeline or scripted tweens 37
  • 39. Optimisation tips for mobile flash content Most important Actually test on the target device and not only on the desktop 38
  • 40. Optimisation tips for mobile flash content Thanks to Thomas Joos and Mark Doherty 39
  • 41. Optimisation tips for mobile flash content Book Raffle 40

Editor's Notes

  • #2: team
  • #3: team
  • #30: don’t hide elements or set the alpha to zero but actual remove them from the stage so that they wont be taken into account during the compositing/drawing cycle of the flash player
  • #31: keep your displaylist or clips flat avoid deep nested clips to avoid performance penalties -- also only show elements or load data when it’s actually necessary can help
  • #32: you can use external assets to increase performance or memory usage
  • #33: the more colours the more bits so more memory will be used by the player same for compressed pictures or using transparencies
  • #34: the use of vectors take up cpu power because of the math which requires the player do more work then instead of using bitmaps (no calculations for each curve etc.)
  • #35: the use of transparant pictures of clips makes it harded for the player to be smart and only redraw parts which are changing. because transparent have to be merged or composited with the clips behind it. especially, use as much opaque or solid bitmaps as possible
  • #36: gotoAndPlay() requires the player to render or load all assets on each frame so if you want to jump to frame 5 the frames 1-4 have been loaded and drawn already.
  • #37: similar to tip #6 fonts are embedded in the flash movie got converted to vector shapes which takes more time as discussed in tip #6
  • #38: if you use images and then scale them down or you might be better off to make the image straight away in the right size to avoid unnecessary transformations by the flash player meaning it has to do less heavy lifting
  • #39: the use of tweens requires the elements on the frames to be interpolated in between the keyframes which takes up cpu usage better to use keyframes instead easier for the flash player
  • #40: the desktop computer will always be better performing then the actual target device -- don’t forget to test on the device itself. of course, using the performance test swf file from device central and make your own custom device profile can make life easier but it’s not the real deal.
  • #43: thank you!