Flax-Flash to anything!

去Cocos官方下载Cocos2d-js v3.x引擎，创建新项目simpleAnim。
去Flax下载基于Cocos2d-js的运行时并解压。
如果不使用Flax-js的源代码，请将压缩包内的bin/flax-lite.min.js嵌入到index.html的body标签中：
如果要使用Flax-js的源代码，请将压缩包内的src/flax文件夹拷贝到src/文件夹下。
配置project.json。
上一篇输出的zombie.flax，将其放置到res目录下，然后在src下新建一个Resource.js文件，定义好资源：
```
//Flash输出的资源
var res = {
    zombie:"res/zombie.flax"
};
//simpleScene依赖的资源
var res_simpleScene = [
    res.zombie
];
```
除了.flax的文件格式，你也可以用plist文件格式，说明在这里。

在src下新建一个SimpleScene.js文件，定义一个简单场景：

var SimpleScene = cc.Scene.extend({
    onEnter:function(){
       this._super();
       //窗口尺寸
       var winSize = cc.visibleRect;
       //res.zombie是Flash输出的资源路径
       //“ZombieWalk"是Flash中定义的动画类名
       //{parent: this, x:...}是可设定的任意参数，指定parent表示自动加入父容器
       var zombie = flax.assetsManager.createDisplay(res.zombie, "ZombieWalk", {parent: this, x: winSize.width/2, y: winSize.height/2, fps:60});
       //播放动画
       zombie.play();
    }
});

更改src/main.js文件：

cc.game.onStart = function(){
    //初始化引擎
    flax.init(cc.ResolutionPolicy.SHOW_ALL);
    //注册场景
    flax.registerScene("simpleScene", SimpleScene, res_simpleScene);
    //切换场景
    flax.replaceScene("simpleScene");
};
cc.game.run();

然后在project.json的jsList中加入:
```
"src/Resource.js",
"src/SimpleScene.js"
```
运行效果：
文档中所有的素材及示例均可在Flax-js-examples中。

Flax文档

播放简单的动画

还没有评论发表评论

Flax文档

还没有评论 发表评论

还没有评论发表评论