Starling 1.4版本中的UV Scrolling，AssetManager
我已经有很多次遇到需要接连不断地滚动背景图片的需求了，例如说跑酷类型游戏的背景，星空，远景的云海等等。
以从右向左滚动为例，之前的实现办法，是把一个长卷的背景图切成两片，先滚动其中一片（用Tweener或是用EnterFrame随便你），当该片滚到stageWidth-imageWidth的位置时，马上将第二片移动到屏幕右侧以同样的速度滚动，这样在视觉上就造成了一个接连不断的假象。
在参照了Devon O. Wolfgang的博客后（原文 他管这个叫UV Scrolling，好高端哦～），得知在Starling中提供了一种非常方便的办法，同时由于其使用了位图像素操作的办法，效率很不错，代码如下：
[Embed(source="sky.jpg")]
var skyClass:Class;
var sky:Image;
var img:Bitmap = new skyClass();
var tex:Texture = Texture.fromBitmap(img, false, true);
//this is the point that make texture successive
tex.repeat = true;
sky = new Image(tex);
this.addChild(sky);
this.addEventListener(Event.ENTER_FRAME,function(e:Event):void{
var p:Point;
for (var i:int = 0; i < 4; i++)
{
//this is the point that make texture scroll
p = sky.getTexCoords(i);
p.x += 5 * .00002;
sky.setTexCoords(i, p);
}
});
`</pre>
这种办法滚起来很自然，效率也不错。其原理（我猜测）和我刚刚讲述得很相似，只是位图操作可以部分地截取和拼贴位图，所以效率会好一些。
另外，为了解决之前程序在打开时，初始化要等半天（15秒），卡成翔的问题，（我曾经一度将其归咎为Starling初始化的机制问题，但是当我把官方附送的例子发布出来后，发现人家不卡……），我暂时有两点可以谨记：
- 少用Embed标签绑定资源，除非特殊情况，例如初始化时的背景图，某些超过Starling位图渲染尺寸的图片资源。
- 使用Starling自带的AssetsManager，加载TextureAtlas格式的SpriteSheet资源，效率要高很多。
- 只初始化马上要用的可视元件。通过这几点，我的程序启动时间已经缩短到了5秒以内，可以接受了。在这里，我再做一下树形深入，关于如何制作一个TextureAtlas格式的SpriteSheet资源，官网教程里介绍了一款很不错的工具，叫做TexturePacker，[](http://tiger-a-s-s.tobybai.cn/TP_features.jpg)操作非常简单，需要注意的是这里使用的几个参数，[](http://tiger-a-s-s.tobybai.cn/%2525E5%2525B1%25258F%2525E5%2525B9%252595%2525E5%2525BF%2525AB%2525E7%252585%2525A7%2525202013-10-22%252520%2525E4%2525B8%25258A%2525E5%25258D%25258811.12.01.png)在当前的例子里，这种格式就是满足需求的，它还支持很多其他格式。因为Starling 目前支持的最大位图资源尺寸为2048*2048，所以，如果较大的资源，例如背景图，选择直接绑定，或者单独加载效果会更好，另外，相对于移动设备上的开发，切片，分层的管理资源，本身就等于是在做优化操作，毕竟移动设备的显示尺寸有限。当准备好了TextureAtlas资源后，就可以用AssetManager加载资源了，代码如下：
` var scaleFactor:int = viewPort.height <= 640 ? 1 : 2; var appDir:File = File.applicationDirectory; assets = new AssetManager(scaleFactor); assets.verbose = Capabilities.isDebugger; assets.enqueue( appDir.resolvePath("assets/") ); `AssetManager包办了资源识别，内容格式化等功能，只要路径正确，资源名称匹配正确，你就可以很方便的通过getTexture函数调用对应的资源了。 同时它还很贴心地支持了preloader功能。代码如下：` assets.loadQueue(function(ratio:Number):void { //change your progress bar with ratio if (ratio == 1) Starling.juggler.delayCall(function():void { //assets load completed }, 0.15); });
资源列表：