使用 cocos creator 完成的第一个游戏

Cocos create项目笔记（fly Bird）

第一次使用cocos creator 来编写游戏，这个算是我的第一个自己独立完成的游戏，虽然是模仿flappy bird这款游戏来写，不过过程很开心，下面是总结一下再编写游戏时用到的一些API.
(文章底部有游戏github地址)

添加音效

//创建一个 audioClip对象
    audio:{
        default:null,
        url:cc.AudioClip
    }

//播放音效
cc.audioEngine.play(this.audio,false,1);

audioEngine.play(path, false, 0.5);
- 参数1：音频文件的路径
- 参数2：音效是否循环
- 参数3：音量的大小（1为标准音量）

位置移动

var actionTo = cc.moveBy(2, cc.p(windowSize.width - 40, windowSize.height - 40));

cc.moveBy(2, cc.p(windowSize.width - 40, windowSize.height - 40))
- 参数1：持续时间
- 参数2：x轴移动的像素值
- 参数3：y轴移动的像素值

注:

cc.moveBy() 方法是移动节点的x，y的像素距离

cc.MoveTo() 方法是将节点移动到对应的下x,y的绝对坐标下。

碰撞系统

 //获取碰撞检测系统
        var manager = cc.director.getCollisionManager();

// 开启碰撞检测系统
        manager.enabled = true;
//碰撞描边（可用于直观的显示碰撞组件的包围盒）
         manager.enabledDebugDraw = true;
         manager.enabledDrawBoundingBox = true;

首先要添加BoxCollider组件，再对Group进行节点的分组

//碰撞系统的回调函数


//碰撞产生时
/**
 * 当碰撞产生的时候调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionEnter: function (other, self) {
    console.log('on collision enter');

    // 碰撞系统会计算出碰撞组件在世界坐标系下的相关的值，并放到 world 这个属性里面
    var world = self.world;

    // 碰撞组件的 aabb 碰撞框
    var aabb = world.aabb;

    // 上一次计算的碰撞组件的 aabb 碰撞框
    var preAabb = world.preAabb;

    // 碰撞框的世界矩阵
    var t = world.transform;

    // 以下属性为圆形碰撞组件特有属性
    var r = world.radius;
    var p = world.position;

    // 以下属性为 矩形 和 多边形 碰撞组件特有属性
    var ps = world.points;
},

/**
 * 当碰撞产生后，碰撞结束前的情况下，每次计算碰撞结果后调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionStay: function (other, self) {
    console.log('on collision stay');
},

/**
 * 当碰撞结束后调用
 * @param  {Collider} other 产生碰撞的另一个碰撞组件
 * @param  {Collider} self  产生碰撞的自身的碰撞组件
 */
onCollisionExit: function (other, self) {
    console.log('on collision exit');
}

游戏暂停

cc.director.pause();

暂停正在运行的场景，该暂停只会停止游戏逻辑执行，但是不会停止渲染和 UI 响应。 如果想要更彻底得暂停游戏，包含渲染，音频和事件，请使用 Game.pause。

游戏恢复

 cc.director.resume();

恢复暂停场景的游戏逻辑，如果当前场景没有暂停将没任何事情发生。

定时器

普通定时器

this.schedule(callbac,1);

一次性定时器

this.scheduleOnce(callbac,1);

• 参数1：调用的事件函数
• 参数2：调用时间（1即等于1s）

动画

//获取节点的动画组件
var Anim = cc.node.getComponent(cc.Animation);

//播放动画
Anim.play('播放的动画名称');

//动画插入事件
//(首先要到当前节点的动画编辑器中加入事件名)
Anim.AnimFunction = function() {
   //执行的事件
}.bind(this);

场景转换

//首先进行场景的预加载
cc.director.preloadScene('scene1');

//加载到指定的场景
cc.director.loadScene('scene1');

数据的保存、取出

//保存数据
cc.sys.localStorage.setItem(key, value);

//取出数据
cc.sys.localStorage.getItem(key);

最后贴出游戏的github地址如果有兴趣的可以看一下,共同交流
https://github.com/Dong163/fly_bird
附上游戏的界面