Cocos 游戏入门 飞翔的小鸟

项目地址

gitee.com/huyouwu/coc...

启动场景

ui部分

  • canvas 添加CameInController脚本
  • bg (bg1, bg2) 是屏幕,屏幕外,两张背景图片
  • button 使用了button控件,点击事件为CameInController上的startGame方法,作用是切换场景

bird 添加animation动画

  1. 拖动图片到场景编辑器
  2. 属性选择器 添加组件->其他组件->Animation
  3. 切换控制台,切换到动画编辑器
  4. 属性列表里添加cc.Sprit.spritFrame,然后把不同图片拖进不同帧里,wrapMode选择Loop

5.Default Clip里也设置刚才的动画,现在小鸟就能自动播放动画了

游戏主体场景

  • Canvas 添加CanvasController脚本
  1. 绑定小鸟
  2. 添加鼠标按下的监听器,里面是调用bird组件里的fly方法

小鸟

  1. 添加BirdController脚本

2. 然后添加刚体和碰撞体 3. BirdController里的onBeginContact生命周期回调方法,可以检测碰撞,在开始碰撞时触发,通过管道加分,否则显示失败按钮,并暂停场景 4. fly方法this.node.getComponent(cc.RigidBody).linearVelocity可以调整重力加速器,cc.v2(0,0),防止小鸟飞出屏幕,没有到屏幕就有一个向上的加速度 5. resume是点击重启按钮,清空分数,调整重启按钮,调整管道,调整小鸟,最后开启场景

管道

  1. 给管道父级添加PipeController脚本

2.update生命周期,里面就是管道,每帧,管道向左移动,直到x小于某个值(移动出屏幕外了),就把管道移动回来,管道高度在一定范围内随机

地面

  1. 逻辑也是一样,update生命周期,向左一点,超过一个屏幕后返回之前的地方

分数

  1. 就是当小鸟移动过碰撞器的时候,更新分数,更新label显示的分数
相关推荐
LcGero3 小时前
Cocos Creator 3.x 高维护性打字机对话系统设计与实现
cocos creator·打字机
LcGero12 小时前
Cocos Creator 三端接入穿山甲 SDK
sdk·cocos creator·穿山甲
LcGero2 天前
Cocos Creator平台适配层框架设计
cocos creator·平台·框架设计
LcGero2 天前
Cocos Creator 业务与原生通信详解
android·ios·cocos creator·游戏开发·jsb
LcGero4 天前
TypeScript 快速上手:前言
typescript·cocos creator·游戏开发
Setsuna_F_Seiei4 天前
CocosCreator 游戏开发 - 多维度状态机架构设计与实现
前端·cocos creator·游戏开发
林鸿群25 天前
游戏客户端创建大联盟报错:[LUA-print] onSubOperateFailure 1 由于数据库操作异常,请稍后重试!解决
游戏·lua·cocos2d-x·链接服务器
CodeCaptain3 个月前
cocoscreator 2.4.x 场景运行时的JS生命周期浅析
cocos creator·开发经验
CodeCaptain3 个月前
CocosCreator 3.8.x [.gitignore]文件内容,仅供参考
经验分享·cocos creator
VaJoy4 个月前
Cocos Creator Shader 入门 (21) —— 高斯模糊的高性能实现
前端·cocos creator