让编辑器显示场景内的相机视角

最新推荐文章于 2024-05-28 14:04:37 发布

「已注销」

最新推荐文章于 2024-05-28 14:04:37 发布

阅读量272

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45686592/article/details/128349645

版权

本文介绍了如何在Cocos Creator 3.6.2中让编辑器显示场景内的相机视角。通过将特定脚本加入项目，拖入场景并配置参数，实现相机视角的自动跟随。当脚本节点失去焦点时，跟随停止。操作过程中需要注意避免直接修改编辑器内相机参数，以防异常发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

环境

Cocos Creator 3.6.2

步骤

将下面的脚本放入项目中

//EditorCamerHelper.ts
import { _decorator, Component, Camera, log, Node } from 'cc';
import { EDITOR } from 'cc/env';
const { ccclass, property, executeInEditMode } = _decorator;
declare const cce: any;

@ccclass('EditorCamerHelper')
@executeInEditMode
export class EditorCamerHelper extends Component {
    _targetCamera: Camera = null!
    get targetCamera() {
        return this._targetCamera
    }
    @property(Camera)
    set targetCamera(v) {
        this._targetCamera = v;
        this.node.worldPosition = this.targetCamera.node.worldPosition
        this.node.worldRotation = this.targetCamera.node.worldRotation
    }

    _refresh: boolean = false;
    get refresh() {
        return this._refresh
    }
    @property
    set refresh(v) {
        this._refresh = v;