cocos creator 角色扮演RPG游戏动态创建动画，附8方向设置

脚本是我根据官方的动态创建动画来的。因为我的素材是每个dong动作一个套图片，所以我是这样设置：

1，素材整理

一套素材包含：站立，跑步，攻击，技能，死亡，采集，每个动作都有8个方向的素材，

比较多少，所以我就把每个动作生成一个.plist，所以一套装备就有 6张大图了。为了动作不偏移。我们在TexturePacker合并图片的时候选择，

保持图片的空白部分，这样图片会大点，所以在压缩等级上，我选择了2级压缩。

然后图片保存名字根据动作序号和装备套数进行保存编号即可。

脚本创建动画：
cc.Class({ extends: cc.Component, properties: { path:"素材路径", }, // use this
for initialization onLoad: function () { var animation =
this.getComponent(cc.Animation); cc.loader.loadRes(this.path, cc.SpriteAtlas,
(err, atlas) => { var spriteFrames = atlas.getSpriteFrames(); var fr=[]; for
(var j=0;j<8;j++){ for (var i=0;i<10;i++){ fr[i]=spriteFrames[j*10+i];
//console.log(i); } var clip = cc.AnimationClip.createWithSpriteFrames(fr, 10);
clip.name = 'run'+j; console.log(clip.name); clip.wrapMode = cc.WrapMode.Loop;
animation.addClip(clip); } animation.play('run0'); }); }, // called every
frame, uncomment this function to activate update callback // update: function
(dt) { // }, });
run是保存的动画。后面跟的J是对应的方向（0-7）共8个方向。

这只是我自己用的方法。

热门工具换一换

cocos creator 角色扮演RPG游戏 动态创建动画，附8方向设置