写点什么

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:131079

评论

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

聊聊降本提效这件事儿

阿里巴巴中间件

阿里云 容器 云原生 中间件 降本增效

深耕5G云专网,阿里云祝顺民入选“2022年度5G创新人物”

云布道师

云网络

WEB前端编程培训学技术怎么样

小谷哥

【Meetup预告】SeaTunnel + OpenMLDB:共筑数据集成生态,加速实时场景落地

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

微软提出通用解码器 X-Decoder,支持图像分割和语言分词

Zilliz

算法模型

Spring Cloud Alibaba x AppActive 带来的全新异地活动解决方案

阿里巴巴中间件

阿里云 云原生 Spring Cloud Aliababa

重磅 | 九科信息加入深圳市智能制造产业促进会,共促智能制造产业健康发展

九科Ninetech

openEuler委员会主席江大勇:激发原创力量,逐梦数智未来

openEuler

数据库 开源 操作系统 openEuler 资讯

小程序原理之: WXSS 编译

Speedoooo

小程序 小程序技术 小程序编译

​​软件开发入门教程网之​​C++ 信号处理信号

雪奈椰子

大数据技术培训学习机构怎么样

小谷哥

​​苹果应用上架后多久可以下载​

雪奈椰子

ios打包

对话开发者:Serverless 落地的困境与破局

Serverless Devs

阿里云 Serverless 云原生

2022年中国潮流运动消费发展白皮书

易观分析

运动 潮流运动 潮流

餐饮业数字化提速,OceanBase助海底捞变身“云上捞”

OceanBase 数据库

数据库 oceanbase

程序摄像头Trace Profiling:生产环境10分钟黄金时间快速排障手册

KINDLING

Java Linux 运维 ebpf

比 CK 再快 24% ! YMatrix 5.0 SSB 基准测试报告

YMatrix 超融合数据库

Clickhouse 性能基准测试 超融合数据库 YMatrix

OceanBase 4.0解读:从TPC-H性能测评看4.0与3.x差异

OceanBase 数据库

数据库 oceanbase

到底什么样的 REST 才是最佳 REST?

江南一点雨

Rest springboot

java程序员培训学习值得吗?

小谷哥

Guitar Pro2024免费版吉他打谱软件

茶色酒

Guitar Pro8 Guitar Pro2024

学习大数据技术培训班靠谱吗

小谷哥

对话阿里云叔同:如何看待 2022 年云原生的发展,2023 年有哪些值得关注的技术?

Serverless Devs

阿里云 Serverless 云原生

数智化转型进入“精装时代”,容联云助力千行百业加速上云用数赋智

脑极体

写了2年文章的我,昨天第一次露脸直播。

王中阳Go

深度思考 高效工作 学习方法 程序员 微服务架构

武汉web前端培训靠谱吗

小谷哥

2023 好运开年,OpenMLDB 入选 2022 中国技术品牌影响力企业

第四范式开发者社区

人工智能 机器学习 数据库 开源 特征

有什么好用的云渲染?这篇文章给你答案

Renderbus瑞云渲染农场

云渲染 好用的云渲染平台

苹果开发者账号可以多人使用吗​​​

雪奈椰子

ios打包

Studio One2023终于有了视频支持,可以方便做视频配乐了

茶色酒

Studio One2023

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