🚀 cocos进阶语法

#1. 组件设计与脚本复用

在 Cocos Creator 中，一切都是组件。
你可以把通用逻辑封装成独立组件，实现模块化开发。

复制@ccclass('AutoMove')
export class AutoMove extends Component {
    @property speed = 100;
    @property direction = new Vec3(1, 0, 0);

    update(dt: number) {
        this.node.translate(this.direction.multiplyScalar(this.speed * dt));
    }
}

✅ 建议：
把“功能性逻辑”（移动、旋转、漂浮、点击反应等）做成通用组件，避免在业务逻辑脚本里重复写。

#2. 单例与全局管理器

大型项目通常需要全局控制器，比如音效、玩家数据、网络。

复制@ccclass('GameManager')
export class GameManager extends Component {
    private static _instance: GameManager;
    public static get instance() { return this._instance; }

    onLoad() {
        GameManager._instance = this;
    }

    playSound(name: string) {
        console.log(`播放音效：${name}`);
    }
}

使用：

复制GameManager.instance.playSound('jump');

✅ 建议：
使用“单例模式”集中管理音效、事件、UI、对象池等，减少节点层级耦合。

#3. 动画系统与状态机

#3.1 动画控制器（Animation）

复制import { Animation } from 'cc';

const anim = this.node.getComponent(Animation);
anim.play('run');

#3.2 动画事件回调

复制anim.on(Animation.EventType.FINISHED, () => {
    console.log('动画播放完成');
});

#3.3 状态机实现思路

复制enum PlayerState { Idle, Run, Attack }

@ccclass('Player')
export class Player extends Component {
    state = PlayerState.Idle;

    changeState(newState: PlayerState) {
        if (this.state === newState) return;
        this.state = newState;
        this.updateAnim();
    }

    updateAnim() {
        const anim = this.node.getComponent(Animation);
        switch (this.state) {
            case PlayerState.Run: anim.play('run'); break;
            case PlayerState.Attack: anim.play('attack'); break;
            default: anim.play('idle'); break;
        }
    }
}

#4. 对象池（Object Pool）

频繁创建/销毁节点会导致性能抖动，应使用对象池。

复制import { instantiate, Prefab } from 'cc';

export class BulletPool {
    pool: Node[] = [];
    prefab: Prefab;

    constructor(prefab: Prefab) {
        this.prefab = prefab;
    }

    get() {
        return this.pool.length > 0 ? this.pool.pop() : instantiate(this.prefab);
    }

    put(node: Node) {
        node.removeFromParent();
        this.pool.push(node);
    }
}

#5. 资源加载与内存管理

#5.1 预加载资源

复制resources.preload('enemy/enemy01', Prefab);

#5.2 释放资源

复制resources.release('enemy/enemy01');

#5.3 动态加载远程图片

复制import { assetManager, SpriteFrame, Texture2D } from 'cc';

assetManager.loadRemote<Texture2D>('https://example.com/test.png', (err, tex) => {
    const sf = new SpriteFrame();
    sf.texture = tex;
    this.node.getComponent(Sprite).spriteFrame = sf;
});

#6. UI 事件与交互

#6.1 点击事件

复制button.node.on(Button.EventType.CLICK, this.onClick, this);

#6.2 自定义全局事件总线

复制import { EventTarget } from 'cc';

export const GlobalEvent = new EventTarget();

// 派发事件
GlobalEvent.emit('playerDead', { id: 123 });

// 监听事件
GlobalEvent.on('playerDead', (data) => console.log(data.id), this);

#7. 游戏架构与模块化设计

#7.1 模块划分建议

复制assets/
 ├── core/         # 引擎层封装
 ├── managers/     # 管理器 (UIManager, GameManager, AudioManager)
 ├── components/   # 公共组件
 ├── scenes/       # 游戏场景
 ├── prefabs/      # 预制体
 ├── scripts/      # 逻辑脚本
 └── utils/        # 工具函数

#7.2 UI 管理器示例

复制@ccclass('UIManager')
export class UIManager extends Component {
    private static _inst: UIManager;
    static get inst() { return this._inst; }

    private uiMap: Map<string, Node> = new Map();

    onLoad() { UIManager._inst = this; }

    show(name: string, prefab: Prefab) {
        if (this.uiMap.has(name)) return;
        const ui = instantiate(prefab);
        this.node.addChild(ui);
        this.uiMap.set(name, ui);
    }

    close(name: string) {
        const ui = this.uiMap.get(name);
        if (ui) ui.destroy();
        this.uiMap.delete(name);
    }
}

#8. 性能优化技巧

1. 对象池：减少频繁 instantiate/destroy
2. Batch 合批：同贴图 Sprite 自动批处理
3. 减少节点层级：UI 超过 500 节点容易掉帧
4. 少用透明 / 模糊特效：性能消耗大
5. 合理分帧更新：把大任务拆分执行
6. Profiler 工具：Ctrl + Shift + F7 打开性能监控

#9. 构建与发布

• Web 平台建议使用 压缩 + 混淆 + 分包加载

• Android / iOS 使用 热更新机制（Asset Bundle）

• 使用命令行构建：

  复制cocos-cli build --platform web-mobile --config-path ./build_config.json

#10. 结语

Cocos Creator 3.x 提供了现代前端式开发体验：

• 模块化 TypeScript
• ES 导入机制
• 更强的 3D 渲染与性能优化
• 统一的资源与节点系统

掌握组件化思维 + 管理器模式 + 优化技巧
你就能构建出稳定、流畅、可扩展的游戏框架。