关于多个小动画打包到一个图集动画的问题

JianHao

使用IDE工具的话可以打包图集然后把多个小动画图片序列帧放在同一个图集里面。然后通过Animation.createFrames缓存不同的动画再播放不同的动画。
那么使用LayaAir引擎是否也能做到这一点。先通过用IDE把多个小动画放到一个图集里，然后再实现播放不同的动画。
在线等，急！！！！

cuixueying

还是不清楚你的问题，layaAir IDE跟layaAir引擎不是一样吗，都是Animation.createFrames去创建图集动画的吗》麻烦详细描述下你的问题！

JianHao

cuixueying 我现在是通过IDE把图片都打包成图集，这图集里面有两组动画，如果直接用IDE的话是可以用Animation.createFrames方式去把图片路径跟名称贴好然后直接使用，然而我把图集的.json跟.png还有.atlas这三个文件拿出来，不用IDE做，去下载一个layaAir引擎，然后用引擎去实现播放这两组动画

cuixueying

cuixueying 一样的，还是通过Animation.createFrames去创建动画，图集下的小图的获取可以参考下：http://ask.layabox.com/question/486

JianHao

cuixueying 我把图集的.json跟.png还有.atlas这三个文件拿出来,我下载的Laya引擎就没有小图了啊，就算这样引了会报找不到图片的.

cuixueying

cuixueying 会找到，你看下上面的链接！

JianHao

cuixueying //加载图集
Laya.loader.load("res/atlas/hero.json",Laya.Handler.create(this,onLoaded),null,Laya.Loader.ATLAS)
//先把四张小图拿出来

var hero_down1=Laya.loader.getRes("hero/hero_down1.jpg");
var hero_down2=Laya.loader.getRes("hero/hero_down2.jpg");
var hero_down3=Laya.loader.getRes("hero/hero_down3.jpg");
var hero_down4=Laya.loader.getRes("hero/hero_down4.jpg");

//缓存动画动作

Laya.Animation.createFrames([hero_down1,hero_down2,hero_down3,hero_down4],"hero_down");
body = new Laya.Animation()
//播放动画
body.play(0,true,'hero_down');

如果这样的话我这里执行了之后会出现一个报错
laya.core.js:4467 Uncaught TypeError: url.indexOf is not a function
如果我单纯只想拿一张小图的话就不会报错，是可以执行的，请问这里的错误会是什么原因

cuixueying

cuixueying 你预加载之后，不需要再去除texture了，直接用就可以了，建议你可以参考下打飞机的示例，http://ldc.layabox.com/index.php?m=content&c=index&a=show&catid=101&id=401
你的需求跟打飞机的实现是很类似的！

JianHao

cuixueying 嗯。我知道，我这么做的原因是想一个图里面放了两个效果
//加载图集
Laya.loader.load("res/atlas/hero.json",Laya.Handler.create(this,onLoaded),null,Laya.Loader.ATLAS)
//先把四张小图拿出来

var hero_down1=Laya.loader.getRes("hero/hero_down1.jpg");
var hero_down2=Laya.loader.getRes("hero/hero_down2.jpg");
var hero_down3=Laya.loader.getRes("hero/hero_down3.jpg");
var hero_down4=Laya.loader.getRes("hero/hero_down4.jpg");
var hero_fly1=Laya.loader.getRes("hero/hero_fly1.jpg");
var hero_fly2=Laya.loader.getRes("hero/hero_fly2.jpg");

//缓存动画动作一

Laya.Animation.createFrames([hero_down1,hero_down2,hero_down3,hero_down4],"hero_down");
//缓存动作二
Laya.Animation.createFrames([hero_fly1,hero_fly2],"hero_down");
body = new Laya.Animation()
//播放动画
body.play(0,true,'hero_down');

如果可以实现这样的话就可以减少加载，减少请求啊，如果按你给的那种方法就是要加载两个图对吧

cuixueying

cuixueying 一个动画最好创建一个Animation.createFrames模板，每个模板最好有唯一的命名，不需要加载两张图，只需要把你需要的图集加载了就可以了！然后根据散图路径去创建Animation动画模板！官方的打飞机示例也是加载了一张图集，而不是多个！把代码改成

Laya.loader.load("res/atlas/hero.json",Laya.Handler.create(this,onLoaded),null,Laya.Loader.ATLAS)
Laya.Animation.createFrames([“hero/hero_down1.jpg”,“hero/hero_down2.jpg”,“hero/hero_down3.jpg”,“hero/hero_down4.jpg”],"hero_down");
//缓存动作二
Laya.Animation.createFrames([“hero/hero_fly1.jpg”,‘hero/hero_fly2.jpg’],"hero_fly");
body = new Laya.Animation()
//播放动画
body.play(0,true,'hero_down');

上面的Laya.loader.getRes省去了，而且你fly和down的命名是一个，你这样操作是要播放哪个呢，还有就是图集下最好全部用32位及以下的png图片，不要含有jpg。否则打包图集后，图集的内存会增大很多！

JianHao

cuixueying 谢谢。解决了

cuixueying

cuixueying 好的，有问题及时沟通！