Flash动画内容制作规范（Adobe Flash Lite V 1.doc

Flash动画内容制作规范（Adobe Flash Lite V 1.0）2006-12-26目录1前言31.1范围31.2引用标准32为手机制作Flash动画32.1用于移动电话的 Flash Lite 功能32.2对 Flash Lite 1.1 应用程序进行分类32.3支持的设备32.4地理区域可用性32.5使用内容开发工具包32.6安装 Adobe Flash Lite 1.1 播放器32.7使用 Nokia PC Suite33使用 Flash 界面33.1了解界面元素33.2使用 “开始”页33.3使用面板33.4保存和管理面板设置33.5使用常用面板33.6“属性”面板33.7设置首选项33.8文档层级和对象层级撤消33.9设置文档属性33.10创建 Flash 文档33.11了解 Flash 文件类型34使用移动模板34.1移动模板细节34.2移动模板类别34.3全球电话34.4日本电话35发布移动文档35.1选择设备35.2使用 “设备设置”对话框35.3查找设备配置文件35.4发布文档35.5初始化发布设置36使用移动模拟器36.1使用导航键36.2使用 FSCommand()36.3使用全屏模式36.4使用 “输出”面板37将文件传输到手机中38与桌面 Flash 播放器比较移动特定问题38.1解决屏幕限制问题38.2处理器速度因素39动画内容制作要求39.1影片属性39.2图形使用39.3动画的使用39.4文本的使用39.5声音的使用39.6脚本的使用310影片内容的合法性311内容编写历史31 前言随着GPRS网络的商用和不断升级改造，初步解决了带宽问题对多媒体业务的限制，因此急需增加运行在GPRS网络上的多媒体类型的数据应用。Flash动画业务的开展将很大程度上满足用户对数据应用的需要。本业务规范规定了Flash动画业务内容制作方面的技术标准，是内容与服务提供商在制作Flash动画内容时的技术依据，也是内容审核技术层面的依据。1.1 范围本规范适用于Flash动画业务内容制作标准，参与Flash动画业务的内容与服务提供商需根据此规范实施对内容的制作，本规范适用于基于Adobe Flash系列动画制作工具制作输出Adobe Flash Lite客户端浏览器1.1版本的环境。1.2 引用标准本规范的编写参考以下相关资料： 中国移动互联网技术体制 中国移动GPRS网络技术体制 中国移动WAP业务规范 中国移动手机动画业务规范 Adobe Flash Lite 1.1：移动应用开发程序2006年1月2 为手机制作Flash动画Flash Lite 1.1 是专门为移动电话开发的 Adobe Flash 配置文件。Flash Lite 已被日本的用户和开发人员广泛采用，目前，它正受到其它国家 / 地 区越来越多的运营商和制造商的青睐。推动这一发展的背后动力是强大的 Flash 呈现引擎，它在操作系统、处理 器和屏幕大小方面都提供了令人满意的一致体验。由世界各地的 Flash 开发人员所组成的强大社区为其提供了强有力的支持。Flash 大大加快了 为移动电话开发精彩内容和界面的速度。2.1 用于移动电话的 Flash Lite 功能Flash Lite 为移动电话提供了以下功能：l 基于 HTTP 的数据连接l SVG 支持 （仅限回放）l 对电话功能的扩展使用l 矢量图形呈现l 位图图像l 渐变l 音频 - 事件声音l 带有嵌入在 SWF 文件中的字体的静态文本l 带有嵌入在 SWF 文件中的字体的输入和动态文本l 输入和动态设备文本l 基于帧的动画l 补间动画 - 动作与形状补间l ActionScript （脚本） - 支持 Flash 4l 键盘导航2.2 对 Flash Lite 1.1 应用程序进行分类通过使用以上功能，可以将如下内容部署到大众市场移动电话中(此分类不属于Adobe Flash Lite动画业务分类)：l 卡通画l 游戏l 屏保l 动画铃声l 应用程序 （已连接和未连接）l 用户界面l 学习内容l 企业应用程序2.3 支持的设备 图 1：使用 Flash Lite 1.1 构建的示例应用程序市场上不断推出支持 Flash Lite 1.1 播放器的新移动设备。可以查看该 URL 以了解支持的最新设备列表。/mobile/supported_devices/2.4 地理区域可用性在日本，目前有 3500 多万台手机安装了 Flash Lite 1.1 播放器，并且世界 其它地方的其它手机上也计划安装这种播放器。Flash Lite 1.1 播放器将最 先安装到 Nokia 手机上。世界各地几乎都可以找到支持 Flash 播放器的手 机。目前，需要使用手动安装过程来安装 SIS 文件。2.5 使用内容开发工具包首先，您需要从以下 URL 的移动和设备开发人员中心下载 Flash Lite 1.1内容开发人员工具包 (CDK)：/devnet/devices/development_kits.html解压缩 CDK 后，请参阅所提供的 PDF 以熟悉内容。您可以练习将一些示例 SWF 文件移动到电话中，以测试播放器的性能。也可以打开 FLA 文 件以熟悉内容。2.6 安装 Adobe Flash Lite 1.1 播放器如果移动电话上预装了 Flash，则可以直接进行内容开发。否则，您需要 手动安装 Flash 播放器。（例如，Nokia 6620 支持 Flash，但没有预装播放 器。）要安装该播放器，您需要先从 网站购买播放器。您需要 提供电话后面的 IMEI 号码。从 Adobe 商店购买播放器时，仅需支付少 量的费用。注：按 *#06# 键即可获知电话的 IMEI 号码。支付播放器款项后，您将获得一个 *.sis 文件。（运行 symbian 操作系统的电话使用这种类型的文件，如 Nokia。）可以通过电话上的软件，使用计算机上的 Bluetooth 或 USB 电缆以及 Nokia PC Suite 软件来安装该文件。2.7 使用 Nokia PC SuiteFlash Lite 开发人员可以使用 Nokia PC Suite 中的下列三个应用程序：l 管理连接：可以用来创建从 PC 到手机的连接 （使用 USB 电缆或l Bluetooth 连接）。l 文件管理器：可以用来将 SWF 文件从 PC 上的创作环境移动到手机 上。l 安装应用程序：可以用来将 SIS 文件 （如 Flash Lite 播放器）安装到 手机上。图 2：使用 Nokia PC Suite 安装播放器 可以从 Nokia 站点下载 Nokia PC Suite，地址为： /nokia/0,72014,00.html3 使用 Flash 界面Flash Professional 8 是业界最先进的创作环境，可用于创建交互式网站、 数字体验和移动内容。Flash 开发环境界面与其它 Adobe 设计产品的界面类似；它很直观且易于使用。3.1 了解界面元素Flash 的主要界面元素包括：l 主菜单l 舞台l 时间轴l 面板l 属性检查器图 3：Flash 8 界面3.2 使用 “开始”页默认情况下，启动 Macromedia Flash 8 或未打开任何文档时，将在开发环 境中显示“开始”页。可以选择“开始”页上的超链接来创建新的 Flash 文档、打开最近编辑的 Flash 文档或者访问各种类型的 Flash 内容。图 4：Flash 开始页3.3 使用面板Flash 界面中的面板具有三种状态：l 打开 - 面板的内容窗口已在界面中打开。l 折叠 - 仅显示面板的标题栏。l 关闭 - 面板当前在界面中不可用。图5：打开和关闭面板可通过在 “窗口”菜单中选择关闭的面板以将其打开。 您可以按以下方式来使用面板：l 可以在界面中取消停放、移动和停放面板，以根据您的工作方式来 组织界面。l 要取消停放并移动某个面板，请选择面板抓手以将其取消停放，然 后将该面板拖到其它位置。将面板移动到界面的可停放区域上时， 将出现一个黑框轮廓，以显示放开面板抓手后它将停放在的位置。l 选择未停放的面板时，可使其在打开和关闭状态之间进行切换。3.4 保存和管理面板设置按照最适合您的工作的方式设置界面后，您可以保存面板设置。l 选择 “窗口” “工作区布局” “保存当前”，然后输入唯一的名 称来保存自定义面板排列方式。l 选择 “窗口” “工作区布局”，然后选择面板设置名称以将特定面 板设置加载到界面中。l 选择“窗口”“工作区布局”“管理”来删除和重命名面板设置。图 6：管理工作区布局3.5 使用常用面板在本教程中，您将使用几个面板来生成 Flash 文档。在整个教程中，我们 将根据需要详细介绍这些面板。使用次数最多的面板包括：l “属性”面板l “工具”面板l “库”面板l “对齐”面板l “颜色”面板l “动作”面板3.6 “属性”面板可以使用 “属性”面板来查看或更改 Flash 文档或其资源的属性。“属 性”面板通常称为属性检查器，它由三个选项卡组成：l 属性：可用于 Flash 中的所有资源l 参数：只能用于组件l 滤镜：只能用于文本、影片剪辑和按钮 属性检查器可显示文档中当前所选内容的属性。显示的属性视当前所选的内容不同而有所变化。常见属性包括 X 和 Y 原点以及高度和宽度。您可以在舞台上选择一个资源 （工具或文档本身），以便在属性检查器 中查看和更改其属性。下面的属性检查器显示了舞台的属性。图 7：选定了舞台的属性检查器注：“参数”和“滤镜”选项卡对移动开发无效。3.7 设置首选项通过使用首选项，您可以自定义在 Flash 创作环境中执行操作的方式。首选项是按类别排列的，各种设置适用于在 Flash 8 中创建的每个文档。可 以在 Windows 上选择“编辑” “首选项”来打开首选项。在 OS X 上， 请选择 “Flash Professional” “首选项”。图 8：“首选项”对话框3.8 文档层级和对象层级撤消Flash 8 有两个撤消选项：文档层级和对象层级。l 基于在 “首选项”中指定的撤消层级数，文档层级撤消将撤消整个l 文档的编辑历史记录。l 对象层级撤消将撤消特定对象的编辑历史记录，并且不会影响对 l Flash 文档中其它对象所做的更改。撤消层级仅适用于 Flash 文档中的每个对象。如果选择了对象层级撤消， 并且将撤消层级设置为 100，则每个对象具有 100 个撤消层级。3.9 设置文档属性可以使用属性检查器或选择 “修改” “属性”来设置文档属性。也可以按 “大小”按钮来启动 “文档属性”对话框。图 9：显示当前帧频的属性检查器注：请记住，舞台大小是根据设备模板预设的，因此不应对其进行更改。“文档属性”对话框不仅可以用来更改背景颜色和帧频，而且还可以用 来更改用于文档的标尺单位。图 10：“文档属性”面板3.10 创建 Flash 文档要创建新的文件，您也可以选择 “文件” “新建”来打开 “新建文 档”对话框，它包含与 “开始”页相同的选项。图 11：“新建文档”对话框3.11 了解 Flash 文件类型在开发环境中使用的 Flash 文档为 FLA 文件类型。FLA 文件是在 Flash 创作环境中创建、打开和编辑的。 Flash 播放器无法打开 FLA 文件。可以发布 FLA 文件以创建 SWF 文件，这是一种可以在 Flash 播放器中打 开和查看的轻型文件格式。4 使用移动模板创建新的 Flash 文档时，可以从多种不同的模板项目中进行选择，其中包括用于不同移动设备平台的特定模板。4.1 移动模板细节移动模板因移动设备而异，原因在于：l 这些模板设置为正确的屏幕大小。l 这些模板是使用移动设备最佳做法创建的，即为 ActionScript 命令和 内容创建图层。l 这些模板设置为使用全屏模式。l 将显示的 ActionScript 命令自动设置为 Flash Lite 1.1。注：“图形”单元中介绍了有关图层的详细信息。4.2 移动模板类别Flash 8 中提供的默认移动开发模板 （按设备类别）包括：l 全球电话l 日本电话图 12：开始页上的移动模板注：这些模板可能要求根据进行开发的特定手机来调整舞台大小。4.3 全球电话全球电话模板用于在基于 Symbian 的受支持手机上进行全屏开发，其中 包括：l Flash Lite 1.1 - Symbian Series 60 电话4.4 日本电话l Flash Lite 1.1 - Symbial UIQ 电话通过基于 “全球电话”模板来创建模板，可以创建一个 Flash 文档，它 是为在 176 x 208 屏幕尺寸的电话上进行 Flash Lite 1.1 开发而预配置的。在日本，Flash Lite 可用作移动 Web 浏览器中的浏览器插件。此外，还可 以使用 Flash Lite 来创建动画铃声、屏保和壁纸。可用于日本电话的移动 模板反映了这些不同用途，如下所示：l Flash Lite 1.0 - 浏览器l Flash Lite 1.0 - 铃声l Flash Lite 1.1 - 浏览器l Flash Lite 1.1 - 铃声l Flash Lite 1.1 - 屏保l Flash Lite 1.1 - 壁纸5 发布移动文档使用移动模板创建 Flash 文档并添加资源后，您需要设置目标设备以使 用移动模拟器来测试影片。然后，发布影片并在模拟器中对其进行测试。5.1 选择设备属性检查器包含 “设备设置”按钮，可以使用该按钮来查看和更改支持 的设备列表 （基于当前可用的模板）。使用 Symbian Series 60 设备模板时，属性检查器将反映我们的目标为独 立 Flash Lite 1.1 播放器。图 13：属性检查器5.2 使用 “设备设置”对话框在属性检查器上单击 “设备设置”按钮时，将出现如下所示的 “设备设置”对话框。图 14：模拟器中的可用移动设备列表该对话框中的设置包括：l 内容类型 - 可用来设置将生成的内容类型。尽管您的目标是基本独立 Flash Lite 1.1 播放器，但有些电话支持其它类型的 Flash 资源，如 铃声、动画壁纸和屏保。l 当前舞台大小 - 使用目标设备来验证高宽比 / 尺寸。l 在 “可用设备”组合框中，可以浏览可用于选定项目类型 （在本例中，l 为 Series 60 Flash Lite 1.1 独立播放器影片 / 应用程序）的手机。l 蓝色条目可用于当前目标l 灰色选项不能用于当前目标 右侧组合框中显示了一组可以从移动模拟器中访问的测试设备。您可以l 从左侧组合框中添加其它手机 / 设备，也可以从右侧组合框中删除一些l 设备，以便只保留您关心的一组设备。注：如果将测试设备添加到右侧的列表中，则要确保舞台尺寸仍然正确匹配，如果设备不在右侧列表中，使用该设备很可能会产生不同的屏幕分辨率。5.3 查找设备配置文件可以通过 Flash 8 配置文件夹中的 XML 属性定义集合以及一系列相关PNG 文件 （为该特定设备定义可视外观和按钮功能 / 区域）来管理这些 设备配置文件，以使您能够使用设备的可视屏幕表示，并且可以单击 Flash Lite （或 Flash 播放器）可直接访问的软 / 硬键。5.4 发布文档选定目标设备后，您必须立即设置发布设置。可以在属性检查器中找到“发布设置”按钮。5.5 初始化发布设置请注意，在 “发布设置”对话框的 “Flash”选项卡上，“版本”菜单中 列出的播放器版本为 Flash Lite 1.0 和 1.1。“ActionScript 版本”菜单为灰 色，因为 Flash Lite 1.1 中只支持 ActionScript 1.0。图 15：“发布设置”对话框您需要发布 FLA 文件来创建 SWF 文件。将使用该 SWF 文件来发布到移 动设备。开发 Flash 文档时，可将其发布到 SWF 文件并在模拟器中查看结果，因此可以随时查看进度。可以使用以下三种方法来发布文档和创建 SWF 文件：l 使用主菜单中的 “文件” “发布”直接进行发布。l 使用 “文件” “发布预览”间接进行发布。l 使用主菜单中的 “控制” “测试影片”间接进行发布。 使用以上任何一种方法创建 SWF 文件时：l 创建的 SWF 文件与从中发布该文件的 Flash 文档的当前状态相对 应。l 进行发布时，不会自动保存 Flash FLA 文件。6 使用移动模拟器在 Flash Lite 模拟器和测试窗口中，可以测试内容在真实设备上的显示情 况。您可以切换到模拟器中的其它手机以同时测试多个设备，这样，就 可以非常方便地管理特定于运营商的手机组的开发过程。在 Flash Lite 测试窗口的设置窗格中，可以选择一个不同的测试设备，查 看应用程序的相关信息以及设置模拟器调试输出选项。图 16：Flash 8 移动模拟器可以使用模拟器来执行以下操作：l 从以前在 “设备设置”选择器中配置的设备中选择任何设备。l 确认设备尺寸和 SWF 文件大小。l 选择是否要查看 “输出”面板中的跟踪信息、常规信息 （指当前选 定手机支持的系统功能）和 / 或警告。6.1 使用导航键可以使用电话上的控制手柄来导航应用程序，就像在真实手机上测试SWF 一样。为了在测试内容时更好地进行控制，您可以更改缩放比率、 旋转和品质设置以更准确地反映用户的体验。图 17：使用控制手柄来浏览应用程序6.2 使用 FSCommand()使用移动模板创建 Flash 文档时，将在模板中自动创建 fscommand() 函 数。通过使用 fscommand2() 函数， SWF 可以与主机环境 （包括 Flash Lite 播放器本身或电话 / 设备的操作系统）进行通信。在开始播放该函数所 在的帧时，将立即执行它。 fscommand2() 函数还会返回可用来报告成 功、失败或命令结果的值。6.3 使用全屏模式移动模板可以使用 FullScreen 命令，将应用程序设置为全屏模式。 FullScreen 命令可设置用于呈现的显示区域的大小。该大小可为：l true - 全屏l false - 小于全屏调用后，将立即执行 FullScreen() 函数。仅当 Flash Lite1.1 在独立模式 下运行时，才支持此命令。播放器在其它应用程序的上下文 （如作为移 动浏览器插件）中运行时，不支持此命令。语法：fscommand2( FullScreen, true|false)使用移动模板创建新的 Flash 文档时，该命令将放在 ActionScript 图层 中。注：下一单元中介绍了有关图层的详细信息。6.4 使用 “输出”面板使用移动模拟器并启用 “输出”面板时，将会看到有关浏览体验的所有 消息。其中一条消息与 FullScreen 命令有关 （如下所示） 。模拟器不支持 fullscreen 命令。图 18：“输出”面板7 将文件传输到手机中将文件传输到手机中可以使用几种方法将文件传输到手机中。l Bluetooth 是最简便的方法，但不总是支持该方法。l 可以使用随电话提供的 USB 电缆。l 如果手机和计算机支持红外线，则可以使用这种方法。l 可以将文件上载到 Web 页上，然后使用电话上的 Internet 浏览器下载它们。能否使用这些传输方法，要视支持的手机而定。图 19：通过 Nokia PC Suite 将文件传输到手机中8 与桌面 Flash 播放器比较移动特定问题在开发将部署到移动电话上的应用程序的过程中，需要考虑桌面 Flash应用程序所没有的一些特定平台事项，其中包括：l 屏幕限制l 内存限制l 处理器速度8.1 解决屏幕限制问题以特定手机为目标是计划 Flash Lite 内容的主要考虑事项。手机型号的差 别在于：l 屏幕大小 （正如在 Flash 8 设备模板中看到的一样）l 控制输入方法可能会不同Series 60 Nokia 手机就是一个具有不同控制输入的例子，它具有一个五功 能方向按钮或控制手柄。请将该手机与 Sony Ericsson P900 的触摸屏和五 向转轮进行比较。屏幕的像素密度是另一个重要考虑事项。手机可能会具有不同的分辨 率，这可能会影响不同类型图像的显示方式。应始终在尽可能多的手机 上测试内容。移动电话上的内存不足是开发过程中的另一个重要考虑事项。 文件大小与所用内存不相等, 文件大小是一项重要指标，但它与运行影片时所需的内存不同。l JPEG 图像是在 SWF 文件内压缩的，但需要将它们恢复至完全大小以进行显示。l 声音文件也是如此， MP3 或 ADPCM 压缩声音文件要比原始声音文件小一些，但在播放时，必须将其恢复为原始声音。l 其它对象 （如影片剪辑或代码）本身在运行时需要的内存比它们存储在 SWF 影片中时需要的内存多。l 此外，还可以在运行影片时创建更多对象，例如，通过复制影片剪辑。每个新对象将使用额外的运行时内存，而不会增加文件大小。您可能仍然需要遵循文件大小限制规范，并且以无线方式接收文件时的带宽仍然很有限 （与 14.4K 调制解调器的带宽类似）；如果您有幸仅为3G 网络进行开发，那就另当别论了。8.2 处理器速度因素Flash Lite 应用程序开发中的另一个重要因素是目标设备的处理器速度。 如果处理器速度太慢，可能会造成游戏运行速度缓慢、动动停停，从而使游戏玩家兴趣索然。该因素因手机不同而有所变化。Flash 8 提供了 一组测试应用 程序作为 Flash Lite 1.1 内容开发工 具包(CDK) 的一部分，其中包括处理器速度计 （请参见 “示例” “FPS 速 度计”）。在项目开始时，可以使用该速度计来评估手机的功能。图 20：FPS 速度计9 动画内容制作要求9.1 影片属性l 请以176*208（宽*高）为基准场景大小。l 建议同时制作4种格式：176*208，240*320，208*208，352*416，其中176*208为必须制作的基本场景格式，其它格式建议同时制作，便于在屏幕分辨率适配时使用，提高用户体验度，后续其它尺寸将根据业务需求在新版本内容制作规范中发布。l 通常帧速请设置到16 fps。l 文件尺寸严格控制在300KB以内。l 默认情况下手机中请保持影片维持在中画质。l 应在影片的第一帧加入fscommand2(“FullScreen”)，使影片全屏播放。l 应在主场景的四周加上黑框，防止由于分辨率变化导致场景外的元素显示在可视区域。l 游戏类影片应包含帮助信息。l 剧情类动画时长应大于15秒。l 上传动画时应同时提供两张截图，截图的尺寸分别为88104像素（静态）gif图片，大小不超过4K和6060像素的32位仿色（动态）gif图片，大小不超过3K。9.2 图形使用l 应以简单颜色的简单矢量图形为主。手机屏幕通常无法显示过于细微的细节，比如图标。当使用矢量图形绘制时，应尽量去掉一些不必要的细节，或考虑使用位图表现。l 在绘制图形边缘时直角的边缘要比圆角的边缘更容易计算。l 尽量用线绘制代替只有外边框的图形填充，因为图形填充需要同时绘制边框和内部区域。l 应避免使用 Bitmap Trace 将位图转换成为矢量图形（通常情况下会生成结构很复杂的矢量图形）。l 需要表现复杂图形时可配以少量的位图，但应减少全屏位图的数量(占满176*208)。另外应避免在Flash中将大位图直接缩小使用，因为实际的图像大小并没有减小。l 位图在使用过程中禁止放大或缩小，必须使用100%比例l 在内存允许的情况下位图应优先考虑png格式，Jpeg格式的图片需要运行时解压，增加了CPU负担。l 如果位图输出为png格式，应尽量减少透明区域，播放器需要对透明区域进行额外的计算。l 如果位图输出为Jpeg格式，请确保使用Flash本身的Jpeg压缩选项来压缩图像，而不要保留原始图像的数据。l 播放器不支持平滑位图，所以应尽量防止旋转。如果需要旋转应考虑矢量图形。l 应尽量减少渐变填充的使用，如果必须要使用，应考虑使用渲染起来较快的线性填充。l 矢量图形对于手机的负担主要体现在CPU的消耗上，位图则主要体现在内存的消耗上。当程序运行过慢的时候应考虑把关键矢量图形（复杂的、或者经常参与动画的）位图化；当程序出现内存不足的情况，则应检查是否是位图使用过多或者位图还保留有原始图像的数据。l 应尽量避免将图形原件的_alpha值设为0或者将其_visible值设为 false来隐藏场景中的对象，上述操作并不会阻止播放器进行对应的渲染计算。如果要隐藏原件，应考虑将其移出场景或通过unloadMovie语句来彻底卸载。l 将相邻的矢量图形或者相邻的位图放在相邻的层上。一方面Flash在编译生成SWF文件的时候会尝试将多个矢量图形合并成一个图形组减少最终矢量图形的数量；另一方面播放器在运行时不会频繁的切换矢量与位图的渲染模式。9.3 动画的使用l 动画过程应当尽量简单，避免复杂动画的出现。当动画进行时播放器会计算出每帧变化所需要渲