Cocos 游戏入门 飞翔的小鸟

项目地址

gitee.com/huyouwu/coc…

启动场景

ui部分

Cocos 游戏入门 飞翔的小鸟

Cocos 游戏入门 飞翔的小鸟

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

Cocos 游戏入门 飞翔的小鸟

Cocos 游戏入门 飞翔的小鸟

bird 添加animation动画

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

Cocos 游戏入门 飞翔的小鸟
5.Default Clip里也设置刚才的动画,现在小鸟就能自动播放动画了

游戏主体场景

Cocos 游戏入门 飞翔的小鸟

Cocos 游戏入门 飞翔的小鸟

  • Canvas 添加CanvasController脚本

Cocos 游戏入门 飞翔的小鸟

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

小鸟

  1. 添加BirdController脚本

Cocos 游戏入门 飞翔的小鸟

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

管道

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

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

地面

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

分数

  1. 就是当小鸟移动过碰撞器的时候,更新分数,更新label显示的分数

原文链接:https://juejin.cn/post/7347944868122247195 作者:成长ing12138

(0)
上一篇 2024年3月20日 上午10:22
下一篇 2024年3月20日 上午10:32

相关推荐

发表评论

登录后才能评论