Downloaded 114 times
Uploaded bypaultrani
Tips and Tricks for Mobile Flash Development
The document provides tips and tricks for mobile flash development, emphasizing the importance of optimizing content for various mobile devices and screen sizes. It covers aspects such as gesture-based navigation, device capabilities, and performance optimization strategies. Additionally, it highlights the significance of testing and the differences in user experience across platforms like iOS, Android, and Blackberry.
More Related Content
Similar to Tips and Tricks for Mobile Flash Development
Tips and Tricks for Mobile Flash Development
- 1. Tips and TricksforMobile FLASH DEVELOPMENTPaul Traniptrani@adobe.comwww.paultrani.com @paultrani
- 2. WorkRideLiveLovePlayPaul Trani, AdobeEvangelist
- 3. Tips and TricksOverview of mobile
- 4. Take advantageof mobile specific capabilities
- 5. Learn effectiveways to optimize Flash contentUnderstanding mobileMobile Flash Development
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. Let’s start thinking…MobileFlash Development
- 14.
- 15. Design for RealHand SizesStart Button45x45px15x15px
- 16.
- 17.
- 18. Click for moreinfo
- 19. Swipe for additionalitems
- 20. GPS for nearbystores?Mouse/Touch Events Touch Events have more overhead than Mouse Events
- 21. Can disablewith
- 22.
- 23.
- 24. Don’t useMouseEvent.MOUSE_MOVE
- 25. Check Mouseposition at intervalDevice CapabilitiesSwipe/Accelerometer
- 26.
- 27.
- 28.
- 29. Different mobile platformsMobileFlash Development
- 30.
- 31.
- 32. Options MenuAndroid UserExperienceBackHome
- 33. BlackBerry Playbook UserExperienceFlash SilkContext MenuApplication Switching Application Switching Minimize ApplicationBring up KeyboardOrientation Change
- 34. One Project. MultiplePlatforms.
- 35.
- 36.
- 37. Graphics & RenderingMobileFlash Development
- 38. Reuse Objects Considerbitmaps over vectors
- 39. Keep bitmapsas small as possibleThings to AvoidFilters
- 40.
- 41. Layer, Alpha, Erase,Overlay, Hard Light, Lighten, DarkenText
- 42. Display ObjectsObjects thataren’t interactive?trace(getSize(new Shape()));// output: 216Interactive but no timeline?trace(getSize(newSprite()));// output: 396Need animation? trace(getSize(newMovieClip()));// output: 416
- 43. Off Screen DisplayObjectsVisible = false
- 44. Clean Up alpha= 0 rendering still occurs
- 45. Set visible= false
- 46. Events andother costs are still incurred when visible=false. removeChild instead.runningBoy.addEventListener(Event.REMOVED_FROM_STAGE,deactivate);function deactivate(e:Event):void{e.currentTarget.removeEventListener(Event.ENTER_FRAME,handleMovement);e.currentTarget.stop();}
- 47.
- 48.
- 49.
- 50. Cache as BitmapObject is rendered into an offscreen bitmap
- 51. Use whenan object changes position onlyCache as Bitmap Matrix Scale, skew, rotate, and translate the object without triggering bitmap regeneration.CPU vs. GPUOtherworld
- 52. BlittingBlitting Draw vectorcontent to a bitmap before it ever gets rendered to the stage.
- 53. Like paintingon the stage.Test, Test, TestAliens!Elliot Mebane http://www.roguish.com
- 54. Actionscript performanceMobile FlashDevelopment
- 55.
Editor's Notes
- #3 http://blogs.adobe.com/conversations/2011/02/the-multiscreen-revolution.htmlProcessing PowerAverage processing power has been on a continuous growth curve for PCs over the past 25 years, with Moore’s Law holding firm as processing doubles every 18 months. This growth is being further accelerated by the adoption of multicore processors.In addition to PCs, we now see an increase in processing power on smartphones, Internet-connected televisions, and tablets. This is driving the mobile computing boom and enabling much richer experiences on these screens, with typical processor speeds over 1GHz. Even so, the processing power across these screens is comparable to what the personal computer experience was about seven years ago. While mobile computing power increases, we will continue to have an ongoing processing power gap between PCs on the one hand, and smartphones, TVs, and tablets on the other.This creates a challenge for anyone building digital experiences, as they will need to deliver effective experiences across many non-PC devices, not only high performance personal computers. Our approach at Adobe is to take a mobile-first view on the new work that we are doing to design for the more constrained environments, then look to ways to enhance that experience for higher performance environments.
- #4 BandwidthThe computing experience of today, of course, is not just a local one, it is a highly interconnected one. All the computing power and battery life doesn’t really matter much unless you can also connect to the Internet. There is radical bandwidth improvement underway that will further drive the multiscreen experience.The typical connected US household uses either cable or DSL right now, likely running between 10-20 megabits per second. In some countries, of course, it’s faster than this. Wireless data connectivity is starting to increase around the world, and there is a coming breakout where we will see a crossover: wireless bandwidth is going to exceed wireline bandwidth. People actually will have a stronger connection to data on the Internet with a wireless connection, which is being driven by 4G technologies, such as LTE. Wireless operators already are starting to roll this out, starting at speeds of 10-20 Mbps, and the technology has the ability to ramp up to 50-100 Mbps on a per user basis over the next several years. Of course, this speed will vary depending on which type of building the user is in and other factors, but generally we can expect to see wireless bandwidth over time that’s about five times faster than what we’re experiencing today.Overall it is going to be a plentiful bandwidth environment, and that’s going to be great for anyone building experiences such as streaming HD video, multiuser games, or rich, live collaboration on the web.
- #5 Desktop vs Mobile Internet UseThis transformation from desktop to mobile is happening now. Below is a chart from a recent Morgan Stanley report, showing that desktop connections to the Internet are continuing to increase. In the next three or four years mobile computing is going to exceed desktop computing on the Internet.All of these changes together represent a bigger shift in computing than the personal computer revolution.There are already hundreds of millions devices in the hands of people connecting to the web. Over time, the majority of people using web content and applications will be connecting through a mobile device. In 2010 alone, over 350 million smartphones were sold and the tablet form factor accelerating quickly from more than 18 million tablets this past year. The first Internet-connected TVs have started to hit the market, and hundreds of millions of these TVs and set-top boxes are expected to ship worldwide in the next five years.
- #6 Smartphones will likely plateau around 960×640.Screen SizeFor many years, web designers and application developers looked at the average computer screen size and aimed at that in their work. Over time, this size gradually increased and now we are at a point where this has splintered into many screen sizes. One can no longer design to a single average size.Smartphones are increasing in resolution and will likely plateau around 960×640, as they remain small enough to hold in your hand. Emerging tablets range in size from 7″ to 10″ and some will be even larger, with resolutions between smartphones and PCs. Internet-connected televisions have an HD resolution of 1920×1080, a very high fidelity screen connected to the Internet. Some desktop computer displays are delivering even greater resolution.Some content providers have chosen to tackle this diversity through multiple implementations of their websites. But as more and more form factors are added, this approach becomes impractical. Ideally, to take into account all these screen sizes, content can be created once and made adaptable so that it will adjust to a diversity of screens. One emerging approach that is to use CSS to skin your site across displays. Another is to design multiple presentations of content while reusing common elements such as story flow, images, and video that may be dynamically adapted.In addition to screen size and resolution, content needs to take advantage of the different input methods — whether it’s a touch screen, remote or keyboard. The touch interface in particular requires a rethink in how to best present content and design applications for that direct input model, while still reusing content where appropriate across these different interface models.
- #7 Smartphones will likely plateau around 960×640.Screen SizeFor many years, web designers and application developers looked at the average computer screen size and aimed at that in their work. Over time, this size gradually increased and now we are at a point where this has splintered into many screen sizes. One can no longer design to a single average size.Smartphones are increasing in resolution and will likely plateau around 960×640, as they remain small enough to hold in your hand. Emerging tablets range in size from 7″ to 10″ and some will be even larger, with resolutions between smartphones and PCs. Internet-connected televisions have an HD resolution of 1920×1080, a very high fidelity screen connected to the Internet. Some desktop computer displays are delivering even greater resolution.Some content providers have chosen to tackle this diversity through multiple implementations of their websites. But as more and more form factors are added, this approach becomes impractical. Ideally, to take into account all these screen sizes, content can be created once and made adaptable so that it will adjust to a diversity of screens. One emerging approach that is to use CSS to skin your site across displays. Another is to design multiple presentations of content while reusing common elements such as story flow, images, and video that may be dynamically adapted.In addition to screen size and resolution, content needs to take advantage of the different input methods — whether it’s a touch screen, remote or keyboard. The touch interface in particular requires a rethink in how to best present content and design applications for that direct input model, while still reusing content where appropriate across these different interface models.
- #15 One of the biggest mistakes typical business people make with documents is going out of their way to seemingly use every centimeter of space on a page, filling it up with text, boxes, clip art, charts, footers, etc. Space, often called "white space," is good. Embrace it. Use it. Often, the more space you don't use on a page, the clearer your message becomes.Empty space is beautiful, yes. But empty space also implies importance, elegance, professionalism. This is true with graphic design, but you can see the importance of space (both visual and physical) in the context of interior design. Think of the retail space, for example. Target is dedicated to design although they are a discounter. They know about space. Target stores are well designed. They have more empty space than other discounters, Walmart, for example.
- #30 Use opaque background over transparency Use TLF without Test different anti-aliasing technics (animation, bitmap text...) Avoid frequently-updated text