cocos creator 3.x 涂鸦跳跃 涂鸦起跳时镜头跟随涂鸦

在 Cocos Creator 3.x 中实现涂鸦跳跃游戏中涂鸦起跳时镜头跟随涂鸦的功能，可以按照以下步骤进行：

创建一个相机节点，并将其作为子节点添加到主场景中。

创建一个涂鸦节点，并将其添加到相机节点的子节点中。

为相机节点添加一个脚本组件，用于实现镜头跟随的功能。在脚本中，你可以使用 cc.Camera 类提供的 follow 方法来实现镜头跟随。

import { _decorator, Component, Node, Vec3 } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('CameraFollow')
export class CameraFollow extends Component {
@property({ type: Node })
target: Node = null;

@property
followSpeed: number = 1;

private isFollowing: boolean = false;

start() {
this.node.position = this.target.position;
}

update(deltaTime: number) {
if (this.isFollowing) {
const targetPosition = new Vec3(this.target.position);
const currentPosition = new Vec3(this.node.position);
currentPosition.lerp(targetPosition, deltaTime * this.followSpeed, this.node.position);
}
}

public startFollow() {
this.isFollowing = true;
}

public stopFollow() {
this.isFollowing = false;
}
}
登录后复制
在这个示例代码中，target 属性表示要跟随的目标节点，followSpeed 属性表示镜头跟随的速度。isFollowing 属性用于控制是否进行跟随。在 start 方法中，将相机节点的初始位置设置为涂鸦节点的位置。在 update 方法中，当 isFollowing 为 true 时，使用 lerp 方法实现平滑跟随。

创建一个涂鸦起跳的触发器，例如一个按钮或者触摸事件。

在触发器的回调函数中，获取相机节点的 CameraFollow 组件，并调用 startFollow 方法来启动镜头跟随。

import { _decorator, Component, Node } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('JumpButton')
export class JumpButton extends Component {
@property({ type: Node })
camera: Node = null;

onJumpButtonClick() {
const cameraFollow = this.camera.getComponent(CameraFollow);
if (cameraFollow) {
cameraFollow.startFollow();
}
}
}
登录后复制
在这个示例代码中，camera 属性表示相机节点，通过获取相机节点上的 CameraFollow 组件，然后调用 startFollow 方法来启动镜头跟随。
通过以上步骤，你可以实现涂鸦跳跃游戏中涂鸦起跳时镜头跟随涂鸦的功能。当触发涂鸦起跳事件时，相机会开始跟随涂鸦的移动，从而实现镜头跟随效果。