Cocos Creator游戏之橡皮怪(一)

素材百度云:

链接:https://pan.baidu.com/s/1pJhLqrLWvsVGoNwquloQgg  提取码:3hpj 

先上效果图:

ps:我自己写的只是按照时间来判断游戏结束,也可以给橡皮怪用血量来判断游戏结束

此游戏也是属于入门级游戏,通过用坐标和位置来判断橡皮怪的左右跳跃

------------------------------------------------------------我是一只分割线------------------------------------------------------------

1.创建文件夹和导入素材

Cocos Creator游戏之橡皮怪(一)_第1张图片

2.设置canvas宽高如下:

Cocos Creator游戏之橡皮怪(一)_第2张图片

3.保存场景:

Cocos Creator游戏之橡皮怪(一)_第3张图片

4.创建背景并设置适配

Cocos Creator游戏之橡皮怪(一)_第4张图片

5.创建Logo

Cocos Creator游戏之橡皮怪(一)_第5张图片

6.开始按钮创建

Cocos Creator游戏之橡皮怪(一)_第6张图片

7.编写进入游戏的开始按钮事件:

(1)声名node按钮

properties: {
        //声名按钮
        startBut : cc.Node
    },

(2)按钮的动画

onLoad () {
        this.startBut.runAction(cc.repeatForever(cc.sequence(cc.scaleTo(0.2,2),cc.scaleTo(0.3,1))));
    },

ps:

node.runAction() //执行并返回该执行的动作

cc.repeatForever() //永远的重复一个动作

cc.repeat() //重复动作,可以按一定次数重复一个动作

cc.sequence() //顺序执行动作,创建的动作将按顺序依次执行

cc.spawn() //同步执行动作,同步执行一组动作

官方的api:https://docs.cocos.com/creator/manual/zh/scripting/actions.html?h=runaction

(3)按钮事件

  //按钮事件
    onStartClickBut(event,sustomData){
        //跳转到game场景
        //director 导演类
        //loadScene 异步加载
        cc.director.loadScene("game");
    }

 8.创建新场景,绑定按钮事件

Cocos Creator游戏之橡皮怪(一)_第7张图片

 

 绑定按钮事件

Cocos Creator游戏之橡皮怪(一)_第8张图片

ctrl+N 创建新场景并保存为game

Cocos Creator游戏之橡皮怪(一)_第9张图片

最终start部分效果图如下:

Cocos Creator游戏之橡皮怪(一)_第10张图片

因为game场景还没有东西,所以点击过去会是黑色背景尴尬。

在下节会完善qaq

你可能感兴趣的:(Cocos,Creator游戏)