Cocos create 手撕一个“大西瓜”

Posted ꧁༺空༒白༻꧂

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cocos create 手撕一个“大西瓜”相关的知识,希望对你有一定的参考价值。

Cocos create 合成大西瓜

** 步骤如下:**

  1. 场景的构建
  2. 移动元素块的位置
  3. 创建刚体元素及多个刚体元素
  4. 相同元素块的碰撞小时
  5. 碰撞后产生新的元素块
  6. 添加警戒线以及游戏结束判定
  7. 游戏界面的结束以及重新开始

1、场景的构建

通过Cocos软件实现搭建场景的功能,放置好元素块

在这里插入图片描述

项目结构如下
在这里插入图片描述

2、 移动元素块位置

编写game.js代码实现移动元素块位置

所用到的技术为:4种点击事件(开始点击,移动,放开点击鼠标事件)

this.node.on('touchstart',function (event) {
this.node.on('touchmove',function (event) {
this.node.on('touchend',function (event) {
this.node.on('touchcancel',function (event) {

通过点击触屏实现方法

3. 物理引擎

通过Cocos添加物体的物理引擎
在这里插入图片描述

设置其重力系数以及弹性系数

4. 创建刚体元素及多个刚体元素

将小球以及墙壁变成刚体,为碰撞做准备,将小球变成预制体,通过game.js代码创建数组存放预制体

在这里插入图片描述
在这里插入图片描述

5. 相同元素块的碰撞消失(碰撞检测)

结合消除的思想,写一个泡泡的js
在这里插入图片描述

判定是否存在墙壁的碰撞

6. 碰撞后产生新的元素块

在这里插入图片描述

7. 添加警戒线以及游戏结束判定

在这里插入图片描述

8、游戏界面的结束和游戏的重新开始

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

以上是关于Cocos create 手撕一个“大西瓜”的主要内容,如果未能解决你的问题,请参考以下文章

Cocos Creator 合成大西瓜源码TypeScript 版本

合成大西瓜开发源码,手把手教你运行和部署大西瓜游戏项目

JavaScript手撕前端面试题:手写Object.create | 手写Function.call | 手写Function.bind

《 合 成 大 西 瓜 》 重 制 版 !( 联 机 版 在 做 了 )

这个小游戏太解压了吧,全网都在玩合成大西瓜

使用 Phaser3+Matter.js 实现“合成大西瓜”游戏