cocos-creator学习笔记3(实现碰撞)

今天完成了FlappyBird游戏的制作,其中里面有一块关于碰撞系统的讲解知识:
-------->实现小鸟也管道的碰撞,我就以此为例讲解一下cocos-creator里面的碰撞是怎么来完成的
1. 先确定你要碰撞的节点:第一步是添加节点碰撞组件

在这里插入图片描述
在节点添加组件上有一个碰撞组件,碰撞组件有分为了三个类别:
one:Box Collider(这种碰撞的要求是规则四边形图形的碰撞,即正方形长方形一类的,不可用是其他图形)
two:Circle Collider(这种碰撞的要求是圆类的碰撞,不可以是其他类型的碰撞)
three:PolygonCollider(这种碰撞是多边形类的碰撞,可以是任意的多边形。)
cocos-creator学习笔记3(实现碰撞)_第1张图片
假如我添加一个box类碰撞,勾选Editing就可以编辑碰撞的边界范围了。
cocos-creator学习笔记3(实现碰撞)_第2张图片
拖动这个覆盖小鸟来编辑碰撞编辑,通过拉伸和压缩来编辑就可以,这个应该很容易吧,就不细讲了。圆类碰撞也是以此类推的
接下来讲解一下这个多边形碰撞的编辑

cocos-creator学习笔记3(实现碰撞)_第3张图片
将鼠标悬停在碰撞图块的指向上会出现一个加号的图标,点一下就会发现编辑图块上多了一个点,然后按照Box类的碰撞拉伸压缩就可以了。

这里小鸟碰撞组件就编辑好了。
cocos-creator学习笔记3(实现碰撞)_第4张图片
我们要实现小鸟和管道的碰撞
cocos-creator学习笔记3(实现碰撞)_第5张图片
分别将两个管道都添加碰撞组件
现在碰撞组件都添加好了,再就是为碰撞做分组操作了(分组就是谁可以和谁发生碰撞,谁不能喝和谁发生碰撞的一种编辑类分组
cocos-creator学习笔记3(实现碰撞)_第6张图片
再点击项目设置
cocos-creator学习笔记3(实现碰撞)_第7张图片
点添加分组
cocos-creator学习笔记3(实现碰撞)_第8张图片
箭头所指之处是给你的这个分组取一个名字。
下面的分组配对:谁和谁可以碰撞就在相应位置打√。
完成后我们继续:
cocos-creator学习笔记3(实现碰撞)_第9张图片
将我们在分组取的名字分别编辑,比如这个hero节点对应上面分组的hero,就将这个2中的Group改成hero就可以,管道的也是一样
完成后就开始写代码实现碰撞了:
在你的主游戏脚本上开启物理碰撞的开关:
cocos-creator学习笔记3(实现碰撞)_第10张图片
我这个脚本是挂在画布上面的。
接下来,我还有一个脚本是挂在hero上面的,这个脚本也叫hero
我们在这个脚本上写一个方法:
cocos-creator学习笔记3(实现碰撞)_第11张图片
这个方法传入两个参数,一个是other,一个是self,意思其实大家也猜得到,就是self(这个脚本的节点)和other(其他有物理碰撞组件且和self可发生碰撞的节点
要是两者发生碰撞,输出(碰撞了);
瞧瞧,碰撞也不难吧 O(∩_∩)O

你可能感兴趣的:(cocos)