Cocos Creator 3.7 元素碰撞检测代码示例

以下是使用Cocos Creator 3.7实现元素碰撞检测的示例代码：

import { Component, Node, Collider2D } from 'cc';

const { ccclass, property } = cc._decorator;

@ccclass
export default class CollisionDetection extends Component {
  @property(Node)
  private player: Node = null;

  @property(Node)
  private obstacle: Node = null;

  onLoad() {
    const playerCollider = this.player.getComponent(Collider2D);
    const obstacleCollider = this.obstacle.getComponent(Collider2D);

    playerCollider.on('onCollisionEnter', this.onCollisionEnter, this);
    playerCollider.on('onCollisionStay', this.onCollisionStay, this);
    playerCollider.on('onCollisionExit', this.onCollisionExit, this);

    obstacleCollider.on('onCollisionEnter', this.onCollisionEnter, this);
    obstacleCollider.on('onCollisionStay', this.onCollisionStay, this);
    obstacleCollider.on('onCollisionExit', this.onCollisionExit, this);
  }

  onCollisionEnter(otherCollider: Collider2D, selfCollider: Collider2D) {
    // 碰撞开始时的逻辑
    console.log('Collision Enter');
  }

  onCollisionStay(otherCollider: Collider2D, selfCollider: Collider2D) {
    // 碰撞持续时的逻辑
    console.log('Collision Stay');
  }

  onCollisionExit(otherCollider: Collider2D, selfCollider: Collider2D) {
    // 碰撞结束时的逻辑
    console.log('Collision Exit');
  }
}

在这个示例中，我们首先获取了玩家和障碍物节点的Collider2D组件。然后，我们在每个Collider2D组件上注册了三个事件：onCollisionEnter、onCollisionStay和onCollisionExit。这些事件分别在碰撞开始、碰撞持续和碰撞结束时触发。

在每个事件处理函数中，我们可以编写我们的逻辑代码。在这个示例中，我们只是简单地在控制台上打印了一条消息，但你可以在这里编写任何你需要的逻辑。