cocos2d-js 创建帧动画
封装创建方法
var RunActionHelper = function(){
};
RunActionHelper.prototype.createAnimationByPlist = function(frames, time){
var animation = cc.Animation.create(frames, time);
var animate = cc.animate(animation);
return animate;
};
RunActionHelper.prototype.createAnimationByImg = function(imgAry, time){
var animation = cc.Animation.create();
for(var i=0; i<imgAry.length; i++){
animation.addSpriteFrameWithFile(imgAry[i]);
}
animation.setDelayPerUnit(time || 0.1);//每一帧播放间隔
animation.setRestoreOriginalFrame(true);//是否回到第一帧播放
var animate = cc.animate(animation);
return animate;
};
//创建动画
cc.spriteFrameCache.addSpriteFrames(res.s_img2list);
//cc.textureCache.addImage(res.s_img2);
var sprite1 = cc.Sprite.create(cc.spriteFrameCache.getSpriteFrame("1.png"));
sprite1.setPosition(cc.p(200,150));
this.addChild(sprite1, g_GameZOrder.ui);
var frames = [];
for(var i=1;i<9;i++){
var frame = cc.spriteFrameCache.getSpriteFrame(i+".png");
frames.push(frame);
}
var runAHelper = new RunActionHelper();
var animate = runAHelper.createAnimationByPlist(frames, 0.2);
sprite1.runAction(animate.repeatForever());
var sprite2 = cc.Sprite.create(cc.spriteFrameCache.getSpriteFrame("1.png"));
sprite2.setPosition(cc.p(200,50));
this.addChild(sprite2, g_GameZOrder.ui);
var img = [];
for(var i=1;i<9;i++){
img.push(res["s_img_"+i]);
}
var animate2 = runAHelper.createAnimationByImg(img, 0.2);
sprite2.runAction(cc.sequence(animate2).repeatForever());
cocos2d-js 创建帧动画的更多相关文章
- 创建帧动画1 - xml方式
废话不多说,先看东西 创建帧动画1 - xml方式 帧动画的创建方式主要以下2种: * 用xml创建动画: * 用代码创建动画: 本文内容主要关注 xml文件 创建帧动画的方式 xml文件 ...
- [图形学] Chp8 使用双缓存创建帧动画
第八章的习题有动画的要求,之前并没有讲解动画如何制作,网上搜到一篇文章SCARA——OpenGL入门学习五六(三维变换.动画),按照里面的方法,使用双缓存和空闲回调函数实现了一个简单的帧动画. #in ...
- cocos2d JS 创建实现换行功能的聊天文本 testLable
-- 创建实现换行功能的文本 function LoadLabelHeroIntroduce(objLabelContent) //传入文本 ---------------------------- ...
- Dynamics.js - 创建逼真的物理动画的 JS 库
Dynamics.js 是一个用来创建物理动画 JavaScript 库.你只需要把dynamics.js引入你的页面,然后就可以激活任何 DOM 元素的 CSS 属性动画,也可以用户 SVG 属性. ...
- 帧动画的创建方式 - xml方式
废话不多说,先看东西 创建帧动画1 - xml方式 帧动画的创建方式主要以下2种: * 用xml创建动画: * 用代码创建动画: 本文内容主要关注 xml文件 创建帧动画的方式 xml文件 ...
- 帧动画的创建方式 - 纯Java代码方式
废话不多说,先看东西 帧动画的创建方式主要以下2种: * 用xml创建动画: * 纯Java代码创建动画: 本文内容主要关注 纯java代码创建帧动画 的方式: 用xml创建帧动画:http:// ...
- cocos2dx2.0 帧动画的创建和播放过程 深入分析
一.帧动画的创建过程帧动画的实现有四个不可或缺的类,如下:1.CCSpriteFrame:精灵帧信息.存储帧动画的每一帧的纹理基本信息. class CC_DLL CCSpriteFrame : pu ...
- javascript帧动画
前面的话 帧动画就是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成的动画.由于是一帧一帧的画,所以帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容. ...
- cocos2dx帧动画
//帧动画的创建 //方式一,通过多张图片来创建 auto sprite1 = Sprite::create("grossini_dance_05.png"); sprite1-& ...
随机推荐
- standard pbr(三)-BRDF
// Default BRDF to use: #if !defined (UNITY_BRDF_PBS) // allow to explicitly override BRDF in custom ...
- Python3.6全栈开发实例[026]
27.文件a.txt内容:每一行内容分别为商品名字,价钱,个数.apple 10 3tesla 100000 1mac 3000 2lenovo 30000 3chicken 10 3通过代码,将其构 ...
- kubernetes 搭建教程
http://blog.csdn.net/u011563903/article/details/71037093
- FSR薄膜压力传感器使用教程
FSR薄膜压力传感器教程 本店常用的外形有2种: 圆形: 长条形: 如果用单片机控制建议买带转换的,可以直接接单片机AD口或者数字IO去读取数值: 电压输出的AO接口是模拟量输出,可以接单片机的模拟口 ...
- C#类型基础(1)
1.“运行时”要求每个类型最终都从 System.Object 类型派生.Object提供了Equals,GetHashCode,ToString,GetType公共方法,并提供MemberwiseC ...
- How do I resolve the CodeSign error: CSSMERR_TP_NOT_TRUSTED?
How do I resolve the CodeSign error: CSSMERR_TP_NOT_TRUSTED? The Xcode build error titled "CSSM ...
- PhoneGap 兼容IOS上移20px(包括启动页,拍照)
引自:http://stackoverflow.com/questions/19209781/ios-7-status-bar-with-phonegap 情景:在ios7下PhoneGap app会 ...
- 剑指offer 面试57题
面试57题: 题目:和为s的数字 题目描述 输入一个递增排序的数组和一个数字S,在数组中查找两个数,是的他们的和正好是S,如果有多对数字的和等于S,输出两个数的乘积最小的. 输出描述: 对应每个测 ...
- Linux进程中TIME_OUT解析
TIMEWAIT状态本身和应用层的客户端或者服务器是没有关系的.仅仅是主动关闭的一方,在使用FIN|ACK|FIN|ACK四分组正常关闭TCP连接的时候会出现这个TIMEWAIT.服务器在处理客户端请 ...
- Qt打包过大
经常看到网上有些论调说 Qt 程序无比庞大,甚至拿 .NET 程序来比,说 Qt 程序打包以后跟 .NET 安装包差不多大.由此影响了很多人对 Qt 的选择.我觉得有必要对此做一些澄清—— 显然这个说 ...