【cocos creater】9.仿《弓箭传说》- 子弹的碰撞

清疚 2023-06-12 06:19 8阅读 0赞

# [查看项目所有章节][Link 1] #

接着上一章，编辑bullet.ts脚本文件，添加碰撞函数，此方法在元素发生碰撞时会调用

/**
       * 当碰撞产生的时候调用
       * @param  {Collider} other 产生碰撞的另一个碰撞组件
       * @param  {Collider} self  产生碰撞的自身的碰撞组件
       */
      onCollisionEnter(other: cc.Collider, self: cc.Collider) {
        switch (other.node.name) {
          case 'enemy':
            if (this.pool !== null) {
              this.pool.put(this.node)
            }
            break
        }
      }

同时，编辑bullet精灵属性，添加碰撞组件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70][]

碰撞组件有三个，一个是矩形，一个是圆形，一个是自定义。这里我们任选一个都可以

分别给bullet，role，enemy三个元素都添加上碰撞组件

再打开enemy属性，选择group，点击编辑按钮，打开分组管理

![20191031190457881.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 1][]

分别添加role组，enemy组，bullet组。并勾选enemy和bullet碰撞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 2][]

保存后，在分别编辑role，enemy，bullet精灵属性，添加对应的分组

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 3][]

添加完成后，运行效果如下：

![20191031190931816.gif][]

源码:

# [点击下载][Link 2] #

[Link 1]: https://blog.csdn.net/cc_want/article/details/102788176
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70]: /images/20230531/9354a94176ff4ece8b182c9603f7b9ac.png
[20191031190457881.png]: /images/20230531/e51436725d2b491792b6992bb7c75756.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 1]: /images/20230531/7fecdd6ed0764aa9b052447c709ef436.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 2]: /images/20230531/310a121e6e144c7d93103d32a38649ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NjX3dhbnQ_size_16_color_FFFFFF_t_70 3]: /images/20230531/b050b9a84c6a4158a407402b7d744deb.png
[20191031190931816.gif]: /images/20230531/745494f5e65f4c7d8ecd1452cb8dfd7c.png
[Link 2]: https://download.csdn.net/download/cc_want/11946787