cocos-js 加载cocostudio制作的帧动画

最新推荐文章于 2017-09-04 10:33:00 发布

Leo丶Tiny

最新推荐文章于 2017-09-04 10:33:00 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos-js 文章标签： cocos-js 动画

本文链接：https://blog.youkuaiyun.com/u012897554/article/details/52233985

cocos-js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用CocosStudio制作帧动画并解决在Android设备上播放时出现的最后一帧花屏问题。通过调整项目的渲染模式为强制使用WebGL渲染器来避免此现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cocostudio制作的帧动画有三个文件 .ExportJson .plist和.png 要在resource.js中添加

ccs.armatureDataManager.addArmatureFileInfo(res.animation_json);
var layer =new cc.LayerColor(cc.color(255,255,255,255));
this.addChild(layer);
var wolfAnimation = new ccs.Armature("animation");//获取加载的帧动画对象
wolfAnimation.animation.play("Animation1");//播放对象中的帧动画(帧动画的名字可以在plist文件中查找);
wolfAnimation.setPosition(size.width/2,size.height/2);
layer.addChild(wolfAnimation);

wolfAnimation.animation.isPlaying()可以判断帧动画是否播放完毕。

我在播放帧动画时遇到在android手机上播放完后最后一帧会花屏，出现奇怪的图像，研究后感觉可能是webGL的问题，在main.js中我们可以看到


"renderMode"    : 0,
// "renderMode" sets the renderer type, only useful on web :
//      0 - Automatically chosen by engine
//      1 - Forced to use canvas renderer
//      2 - Forced to use WebGL renderer, but this will be ignored on mobile browsers

所以在project.json文件中设置 “renderMode”:2, 就好了。