Tips and Tricks for Mobile Flash Development
•Download as PPTX, PDF•
4 likes•1,340 views
Learn tips and tricks that will help you when it comes to mobile development. Flash Pro specifically. ActionScript generally.
More Related Content
What's hot
Similar to Tips and Tricks for Mobile Flash Development
Similar to Tips and Tricks for Mobile Flash Development (20)
More from paultrani
More from paultrani (14)
Recently uploaded
Recently uploaded (20)
Tips and Tricks for Mobile Flash Development
- 1. Tips and Tricks for Mobile FLASH DEVELOPMENT Paul Traniptrani@adobe.comwww.paultrani.com @paultrani
- 2. Work Ride Live Love Play Paul Trani, Adobe Evangelist
- 4. Take advantage of mobile specific capabilities
- 8. Bandwidth
- 10. Screen Size
- 11. Think first.
- 12. Don’t think mobile last
- 13. Let’s start thinking… Mobile Flash Development
- 14. Device Sizes Capabilities 1024x768 120ppi 1024x600 240ppi 854x480 240ppi 800x480 240ppi 480x320 160ppi 960x640 326ppi
- 15. Design for Real Hand Sizes Start Button 45x45px 15x15px
- 18. Click for more info
- 19. Swipe for additional items
- 21. Can disable with
- 22. mouseEnabled
- 23. mouseChildren
- 24. Don’t use MouseEvent.MOUSE_MOVE
- 26. Workflow Mobile Flash Development
- 29. Different mobile platforms Mobile Flash Development
- 31. iOS User Experience Back New/Edit Home
- 32. Options Menu Android User Experience Back Home
- 33. BlackBerry Playbook User Experience Flash Silk Context Menu Application Switching Application Switching Minimize Application Bring up Keyboard Orientation Change
- 34. One Project. Multiple Platforms.
- 35. optimization Mobile Flash Development
- 37. Graphics & Rendering Mobile Flash Development
- 40. Blend modes:
- 42. Display Objects Objects that aren’t interactive? trace(getSize(new Shape())); // output: 216 Interactive but no timeline? trace(getSize(newSprite()));// output: 396 Need animation? trace(getSize(newMovieClip()));// output: 416
- 43. Off Screen Display Objects Visible = false
- 45. Set visible = false
- 46. Events and other 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(); }
- 54. Actionscript performance Mobile Flash Development
- 56. Flex Profiler
- 64. Thank You Optimizing Mobile Content for the Adobe Flash Platform ThibaultImbert www.bytearray.org/?p=1363 Flash Pro New Features @flashplatform – Tom Barclay & Richard Galvan Paul Traniptrani@adobe.comwww.paultrani.com
- 65. Thank You Optimizing Mobile Content for the Adobe Flash Platform ThibaultImbert www.bytearray.org/?p=1363 Flash Pro New Features @flashplatform – Tom Barclay & Richard Galvan Lynda.com free 30-day pass at this URL: www.lynda.com/freepass/ptrani Paul Traniptrani@adobe.comwww.paultrani.com
Editor's Notes
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Use opaque background over transparency Use TLF without Test different anti-aliasing technics (animation, bitmap text...) Avoid frequently-updated text