StarlingSwf，像传统Flash AS3开发一样在Starling

剑jian · 发表于 2017-7-7 11:49:48

您需要登录才可以下载或查看，没有帐号？立即注册

x

[size=1.17em]
Swf数据导出工具，像传统Flash AS3开发一样在Starling上开发！[size=1.17em]
[size=1.17em]目录

StarlingSwf是什么

StarlingSwf是一套2D动画+布局框架和工具，它包含了基于Swf的数据导出工具以及AsctionScript框架。

它可以让开发者运用熟悉的Flash Pro元件及时间轴编辑方式，快速创建2D动画+布局，并运用到Starling或其他技术的应用中。

功能与特色

下载与安装(点我)

[size=1.17em]教程一：资源命名规则

既然是Swf那么资源的编辑肯定还是用Flash Pro了，但是资源的命名规则大家需要注意下(
是AS链接名称噢) 。

img 开始会被识别为starling.display.Image。(
这个必须是元件。不能直接用图片,导出之后该原件会直接被映射为一张图片)
s9 开头会被识别为feathers.display.Scale9Image。(元件需要启用9宫格参考线)
btn 开头会被识别为lzm.starling.display.Button。(这个按钮不是传统flash中的按钮)
mc 开头会被识别为lzm.starling.swf.display.SwfMovieClip。
spr 开头会被识别为starling.display.Sprite。
TextField 直接写就行，最后会被识别为starling.text.TextField。
shapeImg 开头会被识别为lzm.starling.swf.display.ShapeImage，使用纹理填充的图片(会自动使用初始化的Texture填充)。
comp 开头会被识别为带特殊功能的组件。
particle 开头会被识别为粒子。

img是StarlingSwf中的最小显示元素spr，btn，mc这个3个类是容器类。可以嵌套其他任意控件。

教程二：针对设计师

相关资源编辑好之后导出Swf。
打开StarlingSwf导出工具，选择刚刚导出的swf。选择相应的控件，这里会以fla中的AS连接作为索引，预览在Swf内部的元件在Starling中是什么样子，如图：

教程三：针对程序

//初始化Swf

package

{
import flash.filesystem.File;
import lzm.starling.STLConstant;
import lzm.starling.STLMainClass;
import lzm.starling.swf.Swf;
import lzm.starling.swf.SwfAssetManager;
import starling.display.Sprite;
import starling.text.TextField;
import starling.utils.formatString;
public class TestMainClass extends STLMainClass
{
private var textfield:TextField;
private var assets:SwfAssetManager;
public function TestMainClass()
{
super();
Swf.init(this);//初始化Swf
textfield = new TextField(200,100,"loading….");
textfield.x = (STLConstant.StageWidth – textfield.width)/2;
textfield.y = (STLConstant.StageHeight – textfield.height)/2;
addChild(textfield);
assets = new SwfAssetManager(STLConstant.scale,STLConstant.useMipMaps);
assets.verbose = true;
var file:File = File.applicationDirectory;
//加载相关资源
assets.enqueue("test",[file.resolvePath(formatString("assets/{0}x/test/",STLConstant.scale)),60);
assets.loadQueue(function(ratio:Number):void{
textfield.text = "loading…." + int(ratio*100)+"%";
if(ratio == 1){
textfield.removeFromParent(true);
test1();
// test2();
}
});
}
private function test1():void{
var sprite:Sprite = assets.createSprite("spr_1");
addChild(sprite);
}
private function test2():void{
var sprite:Sprite = assets.createSprite("spr_particle");
addChild(sprite);
}
}
}