学习跃动小球小游戏（cocos creator）

最新推荐文章于 2023-08-25 17:56:30 发布

Eddie_Hong

最新推荐文章于 2023-08-25 17:56:30 发布

阅读量1.8k

点赞数

文章标签：游戏游戏开发 cocos-creator

本文链接：https://blog.csdn.net/Eddie_Hong/article/details/111339755

版权

本文介绍了如何使用Cocos Creator开发一款跃动小球小游戏，包括游戏玩法、场景布局、物理组件设置、代码编写等方面。游戏玩法是小球在重力作用下跳动，玩家通过点击屏幕加速小球掉落，使其准确落在移动的跳板上得分。文章详细讲解了开启物理引擎、生成跳板、点击加速事件以及实现跳板循环利用和游戏结束逻辑的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习跃动小球小游戏

玩法：小球会不断的上下跳动，点击屏幕小球会加速掉落，下面的白色跳板一直在移动，小球需要准确的跳到跳板上才能得分。

效果图
【截图】
在这里插入图片描述

ball脚本
- 小球碰撞回调
block脚本
- 初始跳板的宽度以及自身碰撞体的宽度
game脚本
- 开启物流引擎
- 生成跳板
- 点击加速事件
- 跳板超出屏幕后，填补到最后面，实现循环使用

首先，我们先做好场景的布局
【截图】
在这里插入图片描述
为ball节点添加物理组件RigidBody(钢体)，再添加一个物理组件里的collider—>Box组件，这个组件可以调节碰撞体的大小。
【截图】

跳板设置为预制体，同样添加RigidBody与physicsBoxCollider组件。
【截图】

1、现在开始编写代码，game脚本挂载到BG节点上，在ganme脚本中开启物理引擎，并设置一个重力值

// game.js

// 初始化物流引擎
initPhysics() {
   
    let manager = cc.director.getPhysicsManager()
    manager.enabled = true;
    manager.gravity = cc.v2(0, -2400);
},

2、生成跳板

// game.js

// 初始化跳板
initBlock() {
   
    this.lastBlockPosX = this.ballNode.x; // 最后一个方块的X轴
    this.blockNodeArr = []; // 存放所有的跳转数组
    for (let i = 0; i < 10; i++) {
   
        let blockNode = cc.instantiate(this.blockPrefab);
        blockNode.x = this

最低0.47元/天解锁文章