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显示的分数
相关推荐
布鲁克零三四四24 天前
Cocos Creator导出obj文件用于后端寻路
cocos creator
烧仙草奶茶1 个月前
【cocos creator】输入框滑动条联动小组建
cocos creator·cocos-creator
烧仙草奶茶3 个月前
【cocos creator】2.x里,使用3D射线碰撞检测
3d·cocos creator·cocos-creator·2.x
仅此而已7293 个月前
Cocos Creator倒计时
游戏引擎·cocos creator
仅此而已7293 个月前
cocosUI多分辨率适配
游戏引擎·cocos creator·多分辩率适配
SilenceJude4 个月前
cocos creator 3学习记录01——如何替换图片
前端·cocos creator
GrimRaider5 个月前
[Cocos Creator] v3.8开发知识点记录(持续更新)
开发·cocos creator
S_clifftop5 个月前
cocos creator如何使用cryptojs加解密(及引入方法)
cocos creator·加密解密·cryptojs
平淡风云5 个月前
cocosCreator获取手机剪切板内容
java·智能手机·typescript·android studio·cocos creator
zhenmu5 个月前
【cocos creator 3.x】 修改builtin-unlit 加了一个类似流光显示的mask参数
cocos creator·shader·effect