让游戏更生动：Cocos Creator 生命周期函数全解析

2023-09-12 11:26:01

在 Cocos Creator 中，游戏开发过程也被分为了多个阶段，每个阶段都有其独有的特点和用途。与之对应的，Cocos Creator 也提供了丰富而强大的生命周期函数，这些函数让我们可以很容易地监听这些不同阶段的开始和结束，并做出相应处理。在本文中，我们将详细介绍这些生命周期函数，以及它们在实际游戏开发中的应用场景。

onLoad

onLoad 回调函数会在一个节点首次被激活时被调用。在这个阶段，你可以获取到场景中的其他节点，以及该节点关联的资源数据。此外，你还可以在这个阶段对节点进行一些必要的初始化操作，例如设置节点的位置、旋转和缩放等。

// onLoad 阶段
onLoad() {
  // 获取节点对象
  const node = this.node;

  // 获取节点的位置、旋转和缩放
  const position = node.position;
  const rotation = node.rotation;
  const scale = node.scale;

  // 设置节点的位置、旋转和缩放
  node.position = new Vec3(100, 100, 100);
  node.rotation = new Quat(0, 0, 0, 1);
  node.scale = new Vec3(2, 2, 2);
}

onEnable

onEnable 回调函数会在一个节点被激活时被调用。在这个阶段，你可以对节点进行一些额外的初始化操作，例如加载资源、创建子节点等。

// onEnable 阶段
onEnable() {
  // 加载资源
  cc.resources.load("resources/texture.png", (err, texture) => {
    if (err) {
      console.error(err);
      return;
    }

    // 创建子节点
    const node = new Node();
    node.addComponent(Sprite);
    node.sprite.spriteFrame = texture;
    node.setParent(this.node);
  });
}

update

update 回调函数会在每一帧被调用。在这个阶段，你可以对节点进行实时的更新，例如移动、旋转、缩放等。你还可以在这个阶段进行一些游戏逻辑的处理，例如检测碰撞、计算分数等。

// update 阶段
update(dt) {
  // 移动节点
  const node = this.node;
  node.position.x += 100 * dt;

  // 旋转节点
  node.rotation.y += 10 * dt;

  // 缩放节点
  node.scale.x += 0.1 * dt;
  node.scale.y += 0.1 * dt;

  // 检测碰撞
  const otherNode = this.node.parent.getChildByName("otherNode");
  if (node.getBoundingBox().intersects(otherNode.getBoundingBox())) {
    console.log("碰撞检测成功！");
  }

  // 计算分数
  this.score += 10 * dt;
}

lateUpdate

lateUpdate 回调函数会在每一帧的最后被调用。在这个阶段，你可以对节点进行一些额外的更新操作，例如调整节点的层级、激活或禁用节点等。

// lateUpdate 阶段
lateUpdate() {
  // 调整节点的层级
  const node = this.node;
  node.setSiblingIndex(1);

  // 激活或禁用节点
  node.active = false;
}

onDisable

onDisable 回调函数会在一个节点被禁用时被调用。在这个阶段，你可以对节点进行一些清理操作，例如销毁子节点、卸载资源等。

// onDisable 阶段
onDisable() {
  // 销毁子节点
  const node = this.node;
  node.destroyAllChildren();

  // 卸载资源
  cc.resources.release("resources/texture.png");
}

onDestroy

onDestroy 回调函数会在一个节点被销毁时被调用。在这个阶段，你可以对节点进行一些最终的清理操作，例如销毁组件、移除监听器等。

// onDestroy 阶段
onDestroy() {
  // 销毁组件
  const node = this.node;
  node.destroyAllComponents();

  // 移除监听器
  node.off(cc.Node.EventType.MOUSE_DOWN, this.onMouseDown, this);
}