写点什么

Flash 开发移动设备技巧

  • 2011-07-14
  • 本文字数:3303 字

    阅读完需:约 11 分钟

随着 Adobe Flash 技术向 iOS, Android, BlackBerry 这三大移动平台的进军,必然将涌现出大量的基于 Flash Player 和 AIR 的手机和平板应用。然而移动设备的硬件限制,对 Flash 的运行效率产生了很大的挑战,所以如何优化代码成为 Flash 移动开发的核心问题。另外、基于触摸的全新交互方式和移动设备上独有的系统环境,也让移动平台上的 Flash 开发多了许多机会和功能点。今天我就给大家简单介绍一下我在近期总结的一些经验和技巧。

GPU 渲染

移动设备的 CPU 和电脑上的 CPU 相差甚远,所以要运行大量动画(尤其是矢量动画),则最好要使用 GPU 来渲染。Flash Profession CS5 在针对 Android 或者 iOS 项目的发布设置中可以选择是否使用 GPU 硬件加速。

不要大量使用位图缓冲

很多人认为使用位图(包括 cacheAsBitmap) 要比使用矢量图要好,实际情况并非如此,一味单纯地使用图片也有弊端。论据之一是位图在缩放时显示不佳,我相信大家都有这样的体会;另外,如果位图元素被用在了移动、缩放、旋转等动画之内,那么它的运行效率不是提高反而下降了不少。而且在在使用 GPU 加速情况下,使用位图缓冲会让画面锯齿增加,远不如矢量图的清晰度高。但是如果用 GPU 渲染内容较多的动态文本,则必须使用位图缓冲。

大量文本的渲染

正如上点所说,GPU 对处理动态矢量文本是非常之慢,原因就是 GPU 对矢量图采用了镶嵌渲染 (tessellate),所谓镶嵌渲染就是将矢量图分为若干 个小三角形,根据它们的顶点信息分别绘制再镶嵌成整体的形状(如同 Molehill 的顶点着色器),镶嵌渲染对矢量图的裁剪数量是依据其本身的形状,如果 矢量图的拐点较多,那么就会裁剪出较多的三角形。因为动态文本含有大量的拐点,所以会产生很多的三角形镶嵌计算,而如果文本含有大量内容则会带来灾难性的 结果。所以对大量文本需要使用位图缓冲来处理,使用 cacheAsBitmap = true,让 GPU 按照文本的宽高来均匀地裁剪三角形,这样会使运行速度非常流畅。在做其他矢量图形的时候同样需要注意这一点,尽量避免弯曲而且狭长的图 形,这让 GPU 绘制很多三角形从而拉低运行效率。

(如上图,"镶"字的偏旁部分所示的是对矢量图镶嵌,"嵌"字示意的是对位图镶嵌)

矢量图的帧滞后现象

这是我在制作手机游戏过程中发现的一个现象,前提是使用 GPU 加速,如果在第二帧要在舞台上首次显示一个复杂的矢量场景,那么在第一帧会有一个很明显的停顿,这也是由于 GPU 的镶嵌造成的。在我的例子中,前一个场景在做淡出效果,淡出到 M 帧应该是纯黑的画面,同时在 M 帧显示一个新的场景。由于 GPU 镶嵌造成的运算,使得前一个场景在 M-1 帧停顿了大约 0.2-0.5 秒,这时候画面并非纯黑,所以很明显感觉到停顿。我最后的处理方式是将前一个场景的退出和后一个场景的进入改为异步连接,在中间使用一个 timer 来等待 100 毫秒,这样肉眼就丝毫感觉不到停顿地存在。

不要使用特殊效果

对移动设备来说,无论使用 CPU 还是 GPU,在某些效果地渲染上都尚未达到理想的结果。比如在动画上方盖一个很大的透明渐变层,会导致帧频极具下降至 10 以下;如果采用了滤镜,哪怕只有简单的模糊滤镜,都会让帧频下降到个位数,GPU 下甚至根本就不支持滤镜的渲染。GPU 同样不支持的还有部分 layer,alpha,erase,overlay,hardlight,lighten,darken 这些图形叠加效果以及着色器 PixelBender。

关于 Flash 在移动设备上的效率优化,这里有一篇非常好的英文文章,建议各位仔细阅读。
http://www.adobe.com/devnet/flashplayer/articles/fplayer10_1_hardware_acceleration.html

设备键盘的使用

和电脑上获取键盘事件的原理一样,我们可以给应用程序添加一个侦听器来捕获 KeyboardEvent,从而定义移动设备上的按键事件。从 AIR2.5 以后,我们可以使用 Keyboard 里的一些针对移动设备的 key code(如 Keyboard.BACK,Keyboard.MENU,Keyboard.SEARCH),如下面的例子:

复制代码
stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
function onKeyDown(pEvent:KeyboardEvent):void{
if(pEvent.keyCode == Keyboard.BACK){ //do something here }
}

另外有一点可能比较有用,我们可以利用 Event 的 preventDefault 方法来阻止一些键盘事件的默认行为。比如如果我们不希望按了返回键之后跳出当前应用程序到桌面,我们可以在上面的例子里加一行代码:

复制代码
stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);
function onKeyDown(pEvent:KeyboardEvent):void{
if(pEvent.keyCode == Keyboard.BACK){ pEvent.preventDefault();
//do some checking here }
}

跨平台应用程序的判断

对于一个打算发布在多个平台的应用程序,我们当然希望使用相同的代码,避免为每个平台单独开发。桌面应用和移动应用在交互方式上是不一样的,桌面上更多的是采用鼠标操作,而移动上更多的是触摸和手势。这两种方式的 API 是不一样的,鼠标使用的是 MouseEvent,触摸和手势则用 TouchEvent 和 GestureEvent。所以在定义交互的时候我们需要判断当前运行的平台是什么样的交互模式:

复制代码
if(Capabilities.touchscreenType == TouchscreenType.FINGER){ // 定义触摸和手势交互 }
else{ // 定义鼠标交互 }

除了交互方式的不同,移动设备上的 AIR 与桌面端 AIR 一样,有对原生系统的访问 API 比如 NativeApplication 类。举一个例子,在浏览器中运行的应用程序不用去考虑关闭应用程序,但是 AIR 则经常会设计一个自我关闭的功能。这个功能需要用到 NativeApplication.exit() 方法,可是 NativeApplication 类只存在于 AIR 运行时而非 Flash Player 中,所以如果在跨平台的代码中直接导入 NativeApplication 则会在编译浏览器版本时报错,即使使用 AIR 的发布功能将 SWF 发布成功,那么在浏览器中运行这个 SWF 也会报未知对象的错误。

我的解决方法是使用反射来解决编译时的导入问题,而使用 Exception 来解决运行时的错误:

复制代码
try{ //AIR 版本
var myClass:Class = getDefinitionByName("flash.desktop.NativeApplication") as Class;
nativeApplication = myClass.nativeApplication;
nativeApplication.addEventListener(Event.DEACTIVATE, deactivateHandler);
nativeApplication.addEventListener(Event.ACTIVATE, activateHandler);
nativeApplication.addEventListener(KeyboardEvent.KEY_DOWN,onKeyDown); }
catch(e:Error){ // 浏览器版本 }

状态保存

Android 和 iOS 平台与电脑平台一样,支持 SharedObject 本地存储功能,所以可以在所有平台使用一样的代码来对应用程序状态(比如游戏进度、应用的偏好设置)进行保存和读取。如果你对 SharedObject 的保存和读取不是很清楚,下面的代码可以帮助你了解。

访问本地 SharedObject 数据

复制代码
//blabla 是自定义的字符串,本地存储文件会以它来命名。
var so:SharedObject = SharedObject.getLocal("blabla");
//so.data 是 SharedObject 的只读属性,可以作为容器存放需要在本地存储的数据变量,(注意,本地存储的数据有大小限制,最多为 100KB)
so.data.savedata = "What a nice function!!"; // 生成本地存储文件
so.flush();

如果要清除特定的本地存储文件,可以用下面的代码来实现:

复制代码
var so:SharedObject = SharedObject.getLocal("blabla"); so.clear();

应用程序状态判断

举一个例子,如果你正在手机上玩一个有背景音乐的游戏,突然被来电打断,那么你当然不希望在通话的时候同时会听到游戏的背景音乐。或者你按了 Back 键回到了桌面,那么游戏也是理所应当被静音的。这就需要对应用程序的运行状态比如 Activated, Deactivated 添加侦听:

复制代码
nativeApplication.addEventListener(Event.DEACTIVATE, deactivateHandler);
nativeApplication.addEventListener(Event.ACTIVATE, activateHandler);
function activateHandler(pEvent:Event):void{ }
function deactivateHandler(pEvent:Event):void{ }

另外还有一些增加用户体验上的经验,比如如何处理被触摸控制的物体到达屏幕边界时的弹性缓冲运动,都可以用基本的 ActionScript 方法来进行处理和运算,这里不做详细介绍。

补充两点自 Flash 测试研发团队的同事 冀俊超
1. 避免使用 Timer。
2. 在一些静态图片的时候可以降低帧率

原文链接: Flash 开发移动设备技巧

2011-07-14 21:131231

评论

发布
暂无评论
发现更多内容

成立数科公司之余,央国企推进数智化转型还需要底座支撑

用友BIP

DevOps infra | 互联网、软件公司基础设施建设(基建)哪家强?

laofo

DevOps 研发效能 持续交付 infra 平台工程

包装了三年工作经验的我,被同事发现居然连这些Maven的操作都不懂

Java你猿哥

maven ssm 架构师 Java工程师

流程图哪个软件好用?10款好用的流程图软件推荐:boardmix、Visio、Miro…

彭宏豪95

效率工具 职场 工具 流程图 在线白板

线上问题排查异闻录

小小怪下士

Java 程序员 后端 堆内存管理

“成本刺客”防不胜防,如何应用亚马逊云科技驾驭云成本

Lily

华为运动健康服务Health Kit 6.10.0版本新增功能速览!

HarmonyOS SDK

HMS Core

浏览器缓存清理:Cookie for Mac6.9.0激活版

真大的脸盆

Mac Mac 软件 缓存清理 清理缓存 缓存处理工具

AI日课@20230409:对话式用户界面

无人之路

ChatGPT

一文吃透Arthas常用命令!

程序员大彬

Java JVM

Kubernetes 本地持久化存储方案 OpenEBS LocalPV 落地实践上——使用篇

江湖十年

k8s 后端 #Kubernetes# Go 语言

潮起风来,政企DICT “跃升”之乘风破浪篇

鲸品堂

DT IT 企业号 4 月 PK 榜 ct

MySQL自增ID用完了怎么办?4种解决方案!

Java你猿哥

Java MySQL sql 后端 ssm

这份Java面试八股文让329人成功进入大厂,堪称2023最强

Java你猿哥

Java 面试 面经 春招 Java八股文

ChatGPT会在三年内终结编程吗?| 社区征文

芯动大师

程序员 ChatGPT 三周年征文

前端工程化实战:React 的模块化开发、性能优化和组件化实践

兴科Sinco

性能优化 前端工程化 React Native 前端模块化 组件化开发

【分布式技术专题】「单点登录技术架构」一文带领你好好认识以下Saml协议的运作机制和流程模式

码界西柚

分布式 SAML SSO 单点登录

为了减少延迟和卡顿,我对 MySQL 查询做了这些优化处理...

Java你猿哥

MySQL sql ssm MySQL优化 优化SQL

NCCL源码解析②:Bootstrap网络连接的建立

OneFlow

人工智能 深度学习

如何高效清洗数据?试试这款神器

博文视点Broadview

Spring 之依赖注入底层原理

Java你猿哥

spring ssm 架构师 Java工程师 spring ioc

AI时代要用俄罗斯套娃思考模式

FN0

AIGC

五面阿里巴巴拿offer后定级P6:分享Java面经及答案总结

Java你猿哥

Java 面试 面经 春招 Java八股文

技术同学如何做好向上管理

老张

职场新人 向上管理

JetCache 缓存开源组件设计精要

阿里技术

缓存 JetCache

“程序员”即将失业 | 社区征文

六月的雨在InfoQ

程序员 ChatGPT GPT-4 三周年征文

Java概述与基础知识

timerring

Java

四川农信:与先进科技融合,更好服务广大用户|客户之声

OceanBase 数据库

数据库 oceanbase

iOS SKAN 4.0 时代的广告追踪优化:掌握隐私友好的营销策略

37手游iOS技术运营团队

SKAdNetwork SKAN IDFA ATT App Tracking Trans

火了!阿里资深架构师总结的春招Java岗核心笔记,GitHub标星20k

Java你猿哥

Java ssm 面经 Java工程师 java核心知识

Redis一主二从环境搭建

京茶吉鹿

nosql redis

Flash开发移动设备技巧_Java_James Li_InfoQ精选文章