Mobile and Devices Developer Center

Best Practices for Porting Flash Animation to Mobile Phones with Flash Lite

Last November I attended the Macromedia MAX conference in New Orleans, and when I arrived back home, I was all pumped up. I had just learned a whole lot about the progress Macromedia has made in integrating Flash technology in mobile devices to bring to mobile users rich and engaging experiences as memorable and personalized as the experiences we get from our browsers. For the first time, I saw some really impressive content on mobile phones that made the phones look even cooler. At the conference, Macromedia also announced the first Flash Lite Content Contest.

On the way back home I started thinking about how we at Smashing Ideas could win in this contest. Back in the office, we decided to get a couple of mobile phones and create content for two contest entries: games and animation. For the animation category, we decided to put one of our favorite animations, "2001," on the phone. "2001" is a two-minute-long animation that features our mascot robot in a challenge to buy a bag of candy from a really tall vending machine. To view the "2001" animation, click the phone key pad just below the Start text on the LCD screen.

At the time, we were no strangers to devices; we already had experience creating content for the Pocket PC platform, and we were familiar with the Flash 4 ActionScript syntax, which is supported by Flash Lite. However, little did we know how small our world had just become. In this article, I'm sharing the lessons we had to learn to get our "2001" animation to work on a mobile phone (and actually win the best animation category). The tips and tricks mentioned in this article also apply to creating new games and applications for mobile devices in general.

Requirements

To complete this tutorial you will need to install the following software and files:

Macromedia Flash MX 2004 (7.2 update)

• Try
• Buy

Note: If you already have Flash MX 2004, make sure to download the latest 7.2 update

• Download the 7.2 update

Flash Lite CDK (optional)

• Flash Lite CDK download for developers

A Symbian Series 60 phone with the Flash Lite 1.1 player preinstalled

Tutorials and sample files:

• Download the "2001" animation from the Macromedia Flash Lite Exchange

Prerequisite knowledge:

This article targets developers with general Flash and Flash animation knowledge. For an introduction to Flash Lite, check out "Best Practices for Developing Macromedia Flash Lite 1.1 Content" or "Introducing Macromedia Flash Lite 1.1."

 

Page 1 of 8

Next Page

About the author