生成一個帶有動畫的爆炸效果，3 秒後自動清除

TapExplosion.ts

import { _decorator, Component, EventTouch, instantiate, Node, Prefab, Animation as CCAnimation, UITransform, Vec3, AnimationClip } from 'cc';
const { ccclass, property } = _decorator;

@ccclass('TapExplosion')
export class TapExplosion extends Component {
    @property(Prefab)
    explosionPrefab: Prefab = null;
    @property(AnimationClip)
    explosionClip: AnimationClip = null;
    @property(Node)
    tapArea: Node = null;

    onLoad() {
        this.tapArea && this.tapArea.on(Node.EventType.TOUCH_END, this.onClick, this);
    }

    onDestroy() {
        this.tapArea && this.tapArea.off(Node.EventType.TOUCH_END, this.onClick, this);
    }

    private onClick(event: EventTouch) {
        if (!this.explosionPrefab || !this.tapArea) return;

        const uiPos = event.getUILocation();
        const uiTrans = this.tapArea.getComponent(UITransform);
        if (!uiTrans) return;
        const localPos = uiTrans.convertToNodeSpaceAR(new Vec3(uiPos.x, uiPos.y, 0));

        this.spawnBoom(localPos, this.tapArea);
    }

    private spawnBoom(localPos: Vec3, parent: Node) {
        const boom: Node = instantiate(this.explosionPrefab);
        parent.addChild(boom);
        boom.setPosition(localPos);
        let anim = boom.getComponent(CCAnimation);
        if (!anim) anim = boom.addComponent(CCAnimation);

        if (this.explosionClip) {
            anim.defaultClip = this.explosionClip;
            anim.play(this.explosionClip.name);
        }
        this.scheduleOnce(() => boom.isValid && boom.destroy(), 3);
    }
}