基于Starling移动项目开发准备工作

转自: Starling中文站 -  Starling移动开发教程

作者: 郭少瑞(NeoGuo)

 

现在移动开发可谓热火朝天，如果您是一位Flash开发者，或许您所在的团队，已经开始基于Flash内容的移动应用开发了。由于Adobe已经提供了AIR打包技术，来帮我们把同一份程序打包到iOS，Android，BlackBerry等系统或设备，这在很大程度上降低了跨平台的研发成本，也为传统的Flash研发团队进入移动开发领域提供了很好的机会。但是有机遇，也有麻烦。其中一个比较大的麻烦就是性能问题。现在的PC平台都有很强大的计算能力，我们基于Flash的应用开发，一般不太关心性能问题，但进入移动设备，我们会发现自己面临的硬件环境相当苛刻（当然现在的智能机硬件配置已经大大改善，让我们开发上的限制已经宽松了许多）。比如我们基于传统思路，用Flash电影剪辑等方式做了一个应用，在PC上预览没有问题，但在移动设备上却不能很好的执行(出现丢帧现象，这是显示渲染的压力太大所致)。为什么会出现这种情况？因为Flash中传统的显示列表机制（Stage，Sprite，MovieClip），都是依赖CPU的，也就是说渲染压力基本都在CPU上。在移动设备上CPU处理能力低下的情况下，出现丢帧的现象也就不足为奇了。

能改善这种情况的一种方式就是利用GPU加速，也就是利用显卡在图形方面的计算能力，减轻CPU在屏幕渲染上的压力。但悲剧的是，Adobe在“为传统的显示列表机制提供GPU加速”这个工作上进展缓慢，之前曾推出了在配置文件中增加<renderMode>GPU</renderMode>的设置来开启硬件加速，但不要激动，这个设置对于PC无效，对于移动设备也是限制多多，而且并不稳定。笔者曾经在一个项目中分别设置CPU和GPU模式来测试程序(iPad 1)，发现CPU模式反而运行效率更好且稳定。出现这样的情况相当让人沮丧，Adobe的技术团队也专门写过一篇Blog来解释其中的难度之大：Flash在之前的架构设计上完全是基于于CPU的(通常我们称之为软解)，也就是说传统的2D显示列表就是为CPU渲染设计的，这对于跨平台来说非常有效，但现在要迁移到GPU上就非常麻烦了。

这对我们来说，就意味着如果我们之前有一个复杂的，基于Flash传统显示列表的应用或游戏，想要原封不动的移植到智能设备上，而且还要保证和PC相似的执行效率，还是挺困难的。当然Flash盛行了这么多年，开发者也积累了很多行之有效的经验，来提升运行效率（比如基于Bitmap的动画实现，以空间换时间），这些经验可以帮助我们在一定程度上改善现有应用的执行效率。但可能还不够，移动设备的特性决定我们需要尽可能的将优化做到极致。要做到这一点，我们必须更有效的利用GPU。当然Adobe也意识到GPU对于提升渲染性能的重要性，所以推出了Stage3D。Stage3D虽然也做了抽象(解决平台无关性)，但无疑是和硬件更接近的，基于Stage3D我们可以开发和桌面游戏相媲美的网络3D游戏。当然因为Stage3D是偏底层的API，学习和掌握的成本也高一些。关于Stage3D本文不做过多介绍，如果您还不了解Stage3D，建议参考下面的文章：

 

• Stage3D 翻译系列之一: Stage3D是如何工作的（一）（概念篇）
• Stage3D 翻译系列之一: Stage3D是如何工作的（二）（深入篇）
• Stage3D 翻译系列之一: Stage3D是如何工作的（三）（完结篇）

当然正如其名，Stage3D是面向3D应用的API。如果我们只是想做2D应用，是不是就不能使用Stage3D了呢？当然也是可以的，但编程和实现思路将和我们之前的Flash经验大不相同，我们需要完全站在显卡的角度去编写实现过程，这无疑将是枯燥而且困难的，而且有很高的学习成本。所幸的是，一些具备探索和分享精神的技术达人，在Stage3D的基础上做了进一步的封装，以更接近传统Flash 2D显示对象的机制，来提供对传统Flash开发者更加友好的技术框架。这样的框架已经存在一些，比较知名的有Starling，ND2D等等。其中Starling得到Adobe官方的推荐，其接口也和Flash原有显示对象非常接近，所以笔者也选择了Starling来进行项目实践，并和大家分享这个过程中的经验。

Starling是由Gamua团队推出和维护的一个基于Stage3D的2D框架。这是一个位于奥地利的团队，有两位核心开发成员：Daniel Sperl和Holger Weissböck。他们擅长Objective C和ActionScript，也正是因为这样，他们实际上有两个开源框架：Starling Framework和Sparrow Framework，两个框架的设计思想是一样的，只是前者面向Flash，后者面向iOS。

 

下载,安装和配置

工欲善其事，必先利其器，让我们先把“武器”准备好。这里的武器是指我们的IDE，考虑到大多数Flash开发者应该都是基于Flash Builder进行编程的（Flash Professional实在不适合编程，其它第三方IDE比如Flash Develop，当然也很优秀，但为了文章简练起见，不再涉及其它IDE了，如果您使用其它IDE，请参考IDE的帮助，整合最新的AIR SDK即可），我们就以Flash Builder为准，来介绍后面的操作步骤。

请安装最新的Flash Builder 4.6，这个版本已经支持移动项目创建，并且包含了最新的Flex SDK 4.6（PS：我们后面的讨论里不包括Flex框架或Flex项目，只是在Flash Builder中任何类型的项目都是依赖Flex SDK来编译的），但是内置的Flex SDK 4.6包含的是AIR 3.1的SDK，而对于移动设备的Stage3D支持则是在AIR 3.2中实现的。所以这个地方我们要做一下调整，替换Flex SDK中的AIR的部分。

操作步骤：

 

• 进入Flex SDK目录（Win下面是{您的安装路径}\Adobe Flash Builder 4.6\sdks\），您的最新版本应该是4.6，将4.6复制一份，命名为4.6_AIR3.2
• 从Adobe官方下载最新的AIR SDK，地址是:AIR SDK下载
• 下载后解压缩，覆盖4.6_AIR3.2
• 启动Flash Builder，打开窗口->首选项->Flash Builder->已安装的SDK，新建一个SDK配置，目录指向刚才创建的4.6_AIR3.2，并设置为默认SDK
• 新建一个ActionScript手机项目，观察主应用的XML配置文件的命名空间(比如主类是Main.as，那么配置文件是Main-app.xml)，如果命名空间是http://ns.adobe.com/air/application/3.2，则代表配置成功

然后我们需要下载Starling。当然跟所有的ActionScript类库一样，我们可以使用它编译后的SWC，也可以使用它的源码。这里笔者建议大家尽量使用源码，因为作为一个新生框架，Bug是不可避免的，一旦有问题，我们可以追踪源码来发现和解决。如果用SWC就没有这个便利了。

目前Starling官网( http://gamua.com/starling/ )，提供的稳定下载版本是1.0，从这里下载。然后还有一个正在开发的版本，在github托管，地址：https://github.com/PrimaryFeather/Starling-Framework 经测试发现，目前Github上的版本也比较稳定，而且Demo里带了一个iOS的实例，如果您做移动开发，可以尝试用github上的最新代码版本。

下载源码后，可以通过Flash Builder创建一个库项目，包含Starling的源码，Flash Builder会自动将代码编译SWC。然后您可以创建一个ActionScript手机项目，在构建路径->库路径这个界面上，引用刚才创建的库项目即可。

刚才也说到，源码中是附带了例子的，如果您下载的是github上的源码，里面还有一个专门的iOS的例子。如果您已经具备了Flash开发经验，那么看这个例子无疑是快速了解Starling使用方式的最佳途径。

请遵循下面的步骤启动这个例子

 

• samples目录实际上包含两个例子：demo和demo_ios，其中demo_ios需要依赖demo的资源，在后面的步骤中需要注意。
• 在Flash Builder中创建一个ActionScript手机项目，类型可以设定为iOS，平台为iPhone，然后引入上面创建的Starling库。
• 在源码设定部分，将demo/src和demo_ios/src两个目录全都设定进去，然后设置启动的Application为demo_ios/src/Startup_iOS.as。
• 如果没有提示编译错误，那就表示配置成功，可以用Flash Builder的模拟界面进行测试，可以看到如下的界面：

如果您想在真实设备测试，就要分情况而言：如果是Android设备，比较简单，通过自建证书打包为APK，安装到Android设备即可；如果是iPhone或iPad ,就麻烦一些，您需要一个苹果认可的签名证书才能完成打包，这个证书需要注册苹果开发者账号并付费才能获取，具体过程参见James Li的教程，这里不再细述。

今天就到这里，后面我会继续和大家探讨使用Starling过程中的一些问题和经验。

 

参考资料

• Adobe AIR开发者中心
• AIR SDK下载
• 介绍Starling框架(ADC)
• Starling API
• Starling论坛(非常重要，特别是遇到Bug的时候)
• FOXHOLE:一个基于Starling的Mobile UI库
• ParticleSystem：一个基于Starling的粒子库
• 基于Starling构建的游戏案例(嗯，说服你的客户或老板用)
• Starling已知的Bug