2016年02月_碵蝎

12月 10月 09月 08月 07月 05月 03月 02月 01月

原创弹窗的实现与封装

导入Popups.js。Popups.js源码如下：var Popups = cc.Layer.extend({ listener : null, //事件对象 tcLayer : null, //传进来的layer blackLayer : null, //黑色遮罩 flag : false, //如果为真，则代弹窗被关闭掉 touchbg_flag : f

2016-02-18 10:33:18 1677

原创 11、Sprite常用的动作函数

getActionByTag //根据tag获取一个动作getNumberOfRunningActions //获取当前精灵此时一共在执行多少个动作stopAction //停止一个正在运行的动作stopActionByTag //根据tag停止正在运行的动作stopAllActions //停止所有正在运行的动作

2016-02-17 14:52:55 813

原创 10、帧动画

cocos2d-js使用cc.Animation 与 cc.Animate 这2个类来实现帧动画。cc.Animation ：设置动画的一系列属性。包括动画的序列图、播放速度等。cc.Animate ：cc.Animate是一个动作类，精灵执行runAction函数后即可播放动画。例子1（使用一张一张的图片实现帧动画）

2016-02-17 14:45:17 2157

原创 09、Action_5（缓冲动作）

缓冲动作指动作的速度曲线。和css3的animation-timing-function类似。例子：var s = new cc.Sprite('res/steak.png');s.x = 400;s.y = 640;this.addChild(s);var mt = new cc.MoveBy(1, cc.p(0, 400));var easeIn = new cc.Ease

2016-02-16 16:20:53 732

原创 09、Action_4（反动作、速度动作、静止动作、回调动作、拷贝动作）

反动作即与某个动作相反。比如一个精灵顺时针旋转，而反动作逆时针旋转。例子：var sprite1 = new cc.Sprite('sprite.png');sprite1.attr({x : 200, y : 200});this.addChild(sprite1);var rotateBy = new cc.RotateBy(1, 360); sprite1.runAct

2016-02-16 15:33:15 932

原创 09、Action_3（重复动作）

有时我们想一个动作重复执行2次或以上，就需要用到重复动作。重复动作包括 cc.Repeat 和 cc.RepeatForevercc.Repeat ：自己写重复执行动作的次数例子：var sprite = new cc.Sprite('sprite.png');sprite.attr({x : 200, y : 200});this.addChild(sprite)

2016-02-16 14:46:20 473

原创 09、Action_2（组合动作）

组合动作包括 cc.Sequence和cc.Spawn。cc.Sequence ：按顺序执行动作，把延时动作都丢进cc.Sequence里，各个动作会按顺序依次执行。例子：var sprite = new cc.Sprite(sprite.png);sprite.attr({x:200, y:200});this.addChild(sprite);var moveT

2016-02-16 14:35:00 519

原创 09、Action_1（帧与延时动作）

帧的概念帧是动画或影响的最基本单位。每一帧是一个画面，连续的多帧画面组合在一起播放就形成了影响，就好像电影胶卷的一格。而帧频就是一秒内帧的数量，通常用fps（Frames Per Second）表示，帧频越高，画面就越流畅。一般电影为一秒24帧，而游戏则一般以60fps作为最高帧频，因为60fps已经是人眼正常识别的最高频率了，设置再高的频率只会造成性能浪费。相反，如果游戏画面的帧频低于3

2016-02-16 11:47:46 2167

原创 08、按钮

//cc.LabelTTF + cc.MenuItemLabelvar text1 = new cc.LabelTTF( 'cc.LabelTTF + cc.MenuItemLabel', 'Arial', 30 ); var bnt1 = new cc.MenuItemLabel(text1, function () {cc.log("Menu is clicked!");} );bnt1

2016-02-14 12:19:27 446

原创 07、字体

cc.LabelTTFcc.LabelTTF是使用系统中的字体，它是最简单的标签类。cc.LabelTTF继承了cc.Node类，具有cc.Node的基本特性。例子：var size = cc.director.getWinSize();var layer = new cc.LayerColor(cc.color(255,255,0), 500, 200);layer.x = (

2016-02-13 18:55:13 709

原创 06、场景

场景的切换一个游戏中会有多个场景。比如游戏菜单是一个场景：游戏设置界面也是一个场景： cocos2d中，使用cc.director.runScene函数进行场景的切换。使用方法如下：cc.director.runScene(new Scene());使用上面的代码进行场景切换的过程是瞬间的，没有任何的过渡效果。若想要有过渡效果的场景切换，可以如下设置：

2016-02-11 14:44:22 509