使用 Flash Lite 将 Flash 动画移植到移动电话的最佳实践

去年 11 月我参加了在新奥尔良举行的 Macromedia MAX 大会，当我回到家时，我感到精疲力尽。我了解到很多关于 Macromedia 在集成 Flash 技术到移动设备方面的进展，这种集成能够带给移动用户丰富而且具有吸引力的体验，并且与浏览器上的体验同样令人印象深刻和可个性化。我第一次在移动电话上看到了真正令人印象深刻的内容，这些内容给电话本身也添彩不少。在大会上，Macromedia 还公布了第一届 Flash Lite 内容大赛。


在回家的路上，我开始考虑我们 Smashing Ideas 如何能够赢得大赛。回到办公室以后，我们决定找一些手机来，针对两个比赛项目创作内容：游戏和动画。对于动画类，我们决定将我们的得意之作“2001”放到手机上。“2001”是一部片长两分钟的动画，内容是我们的吉祥物机器人从非常高的自动贩卖机买糖的过程。要观看“2001”动画，点击 LCD 屏幕上的 Start 文本下方的电话小键盘。
PS:点击手机屏幕上的小键盘播放手机动画如图



当时，我们有一定的设备上开发经验：我们曾为 Pocket PC 平台开发过内容，并且熟悉 Flash Lite 支持的 Flash 4 ActionScript 语法。但是，我们并未意识到世界已经变得多小。在本文中，我将分享将“2001”动画移植到手机上（并赢得了最佳动画类内容大奖）所获得的经验。本文中提到的技巧同样适用于为移动设备创建新的游戏和应用程序。

Flash Lite CDK（可选）
针对开发人员的 Flash Lite CDK 下载
预安装有 Flash Lite 1.1 播放器的 Symbian 60 系列电话
教程和示例文件：从 Macromedia Flash Lite Exchange* 下载“2001”动画
必备知识：

本文面向具有 Flash 和 Flash 动画基本知识的开发者。有关 Flash Lite 的介绍，请阅读
“开发 Macromedia Flash Lite 1.1 内容的最佳实践”或“Macromedia Flash Lite 1.1 介绍”。
Flash 最初是二维（字符）的动画工具，与今天的标准相比，当时的计算机非常慢 － 14.4K 是标准的连接速率。不奇怪的是，这一独特的内容类别同样适合于移动电话，今天的移动电话在带宽、内存限制等很多方面都类似于 10 年前的桌面计算机。


Flash 中的平滑动作往往要求较高的帧速率才能看起来平滑。您可以看到人们使用每秒 30、60 或甚至 100 帧的速率来显示平滑动作。在手机上试一下，您只能看到断断续续的显示，这决不是让人愉快的体验。

手工调整

我把成功地使用 Flash Lite 创作动画的秘密叫做手工调整，即手工调整每一个关键帧。现实生活中的很多运动并不是等量递增的，也不按照柔和的曲线进行。即使是，我们所感知到的也不是那样。您需要骗过人的眼睛，这样动画就显示在人眼期望它出现的位置，而不是根据某些数学上正确的计算得到的位置。不管您是否相信，我们眼睛看到的常常并不是真实情况。电影制作者，尤其是卡通艺术家，已经利用这一现象超过了一个世纪。当某个对象移动的速度不足以欺骗人的感知系统使其相信看到的是连续动作时，您需要利用所谓的视觉驻留现象，让眼睛看到它期望看到的运动。
在运动图形的范畴，这意味着：象通常一样，从各帧开始，然后逐帧手工调整动画，以得到希望用户体验的效果。工作量很大，但是很值得。
类似的，您必须在为移动设备创作动画渐变时调整自己的思维。例如，显示透明对象在屏幕上加速的渐变在桌面显示器上能够正常工作，但在手机上运动会很缓慢，破坏平滑渐变的效果。在这个例子中，您必须集中注意力在您真正看到的最重要的部分效果。最有可能发生的是，您甚至不会注意到有什么透明的东西在移动。先假设它是透明的，因为最终它会是透明的。然而，当对象移动时，您看到的是一个色块。
使这一渐变效果更加平滑的第一步是使用更为柔和的运动效果 － 例如，淡化对象的色彩或者降低其亮度，渐变完成后，仅设置一帧透明。对于平滑动画而言，对象可能仍然在图形上过于复杂。因此，您可能仅能够使用平整的色块完成实际渐变。您在这里创建的，在卡通术语中称为模糊（参见图 1）。您创建了眼睛对运动的感知，而不是以 50 fps 移动的对象。不要在渐变中更改透明度或使用其它图形特效；这会减缓动画的播放。更多有关技巧的信息，请阅读 Chris Georgenes 的文章“

[1] [2]  下一页