在这篇文章中，我们将探讨如何使用AIR技术将复杂代码产生的动画（比如粒子爆炸效果）生成位图序列，然后经过Flash加工做成逐帧动画，以减轻客户端的CPU负荷。

问题的引出：

有时候在Flash项目中，我们会借助代码来生成一些比较炫的效果（比如游戏中常见的爆炸效果，见下面Flash演示），或许我们单独运行这段代码的时候，没有什么问题，但是在真正的客户端，已经有大量的电影剪辑或其它素材在渲染（还不包括大量逻辑判断的代码在运行），此时CPU的负载已经在一个很高的水平，这个时候再运行代码产生的特效，明显效果已经不如预期（看起来会卡，不连贯），如果是一个游戏战斗场景，那么可以想像，多处代码特效都在执行，搞不好Flash Player都会停止响应了。

示例：爆炸动画，由代码生成，鼠标单击播放动画

那么如何解决这个问题呢，我们可以巧妙的做一下“预处理”，将代码生成的特效，以位图序列的方式保存下来，然后我们可以再用代码加载位图合成这段动画，或者干脆通过Flash CS加工为电影剪辑素材在代码中直接调用，这样可以很大程度上缓解上面所说的问题。

具体实现过程：

既然是生成位图，当然会涉及到图片保存的问题，实际上在Flash Player里面我们就可以做到生成图片，但是保存的时候会有麻烦，因为安全限制我们不能隐式的保存图片，所以这里我们要借助AIR技术来实现这个过程。

这里我们将以最新的Flash Builder 4 和 AIR2.0 Beta来完成这个例子，你可以从这里下载Flash Builder4和了解Flash Builder4的详细信息，也可以从这里下载AIR2Beta和了解AIR2Beta的新特性。

因为特效我们会应用到不同的场合，所以要求我们生成的图片必须是背景透明（PNG格式），这里我们可以在网上寻找一个PNGEncoder即可。

下面是完成后的效果截图(点击查看大图)：

发布后的AIR项目，你可以下载到本地安装体验这个Demo：

http://www.riameeting.com/examples/image_collection_tool/ImageCollectionTool.air

项目源码查看：

http://www.riameeting.com/examples/image_collection_tool/

项目下载：

http://www.riameeting.com/examples/image_collection_tool/ImageCollectionTool.zip

关键代码片段：

protected function createBitmap(...args):void {
	if(imgCount < imgNum) {
		var bmd:BitmapData = new BitmapData(imgWidth,imgHeight,true,0x000000);
		bmd.draw(swfContent,null,null,null,null,true);
		var bmp:Bitmap = new Bitmap(bmd,"auto",true);
		bmpContainer.addChild(bmp);
		var encoder:AsPngEncoder = new AsPngEncoder();
		var png:ByteArray = encoder.encode(bmd, new Strategy32BitAlpha());
		pngCollection.push(png);
		imgCount++;
	} else {
		swfContent.removeEventListener(Event.ENTER_FRAME,createBitmap);
		for each(var item:ByteArray in pngCollection) {
			var pngFile:File = saveDIR.resolvePath((pngCollection.indexOf(item)+1)+".png");
			var fileStream:FileStream = new FileStream();
			fileStream.open(pngFile, FileMode.WRITE);
			fileStream.writeBytes(item);
			fileStream.close();
		}
		Alert.show("complete");
		saveDIR.openWithDefaultApplication();
	}
}

这段代码也比较简单，我们在动画每一帧播放的时候，都截取屏幕，保存为位图，然后用PNGEncoder做一下编码，生成字节数组备用。当图片生成足够的数量的时候，我们就用File类提供的方法，将图片保存的设定的位置。

最后的步骤，熟悉Flash CS的设计师就很清楚了，将这些图片导入到Flash（注意Flash CS4可以提示你是否每一帧放一个图片，即生成逐帧动画），然后发布一下，看看效果吧。

源文件下载：

http://www.riameeting.com/examples/image_collection_tool/bmp_test.fla