CocosCreator强大的cc.Action

最新推荐文章于 2025-05-13 02:44:06 发布

iningwei

最新推荐文章于 2025-05-13 02:44:06 发布

阅读量939

点赞数

CC 4.0 BY-SA版权

分类专栏： CocosCreator

本文链接：https://blog.youkuaiyun.com/iningwei/article/details/90176248

CocosCreator 专栏收录该内容

34 篇文章

订阅专栏

本文深入探讨了CocosCreator中的cc.Action类，通过实例展示了如何利用cc.sequence、cc.repeatForever等方法创建复杂的动画效果，如角色的笑状态动画。同时，文章列举了cc.Action的多种常用函数，如cc.moveTo、cc.spawn、cc.callFunc等，为读者提供了丰富的动作设计技巧。

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

cc.Action类，是目前笔者使用CocosCreator的过程中遇到的最大的惊喜。
借助其提供的方法，可以实现很多功能。立个flag:赶明儿有时间给Unity3D封装一套。（已撸：还未完善，遇到特定需求后再慢慢添）

export default class StoneCatLaugh extends StoneCatState {
    private lauchAction: cc.Action = null;
    constructor(stoneCat: StoneCat, _frames: cc.SpriteFrame[]) {
        super(stoneCat, _frames);

        this.stoneCat.headerSprite.spriteFrame = this.frames[0];
        this.lauchAction = this.setLauchAction();
        this.stoneCat.node.runAction(this.lauchAction);
    }

    private setLauchAction() {
        let moveUp = cc.moveBy(0.15, cc.v2(0, 10))
        let moveDown = cc.moveBy(0.15, cc.v2(0, -10))
        return cc.repeatForever(cc.sequence(moveUp, moveDown));
    }

    public OnLeavel() {
        this.stoneCat.node.stopAllActions();
        this.stoneCat.node.position = this.stoneCat.originPos;
    }
    public OnUpdate(dt) {
    }
}

上述代码是笔者项目中的某一个功能点使用的代码。使用到了:
cc.sequence() 按顺序执行动作
cc.repeatForever() 重复某动作
cc.moveBy() 移动指定的距离
runAction()用于指定执行action的目标节点
stopAllActions()和stopAction()用于停止所有动作和停止指定动作

另外除了上面函数，其它一些常用函数：
cc.moveTo()移动到目标位置
cc.spawn()同步执行一组动作
cc.callFunc()执行函数
cc.delayTime()延迟一定时间
cc.rotateBy() 旋转指定的角度
cc.rotateTo()旋转到目标角度
cc.repeat() 重复动作，可以按一定次数重复一个动，如果想永远重复一个动作，需要使用 repeatForever 动作来完成。
cc.blink()闪烁（基于透明度）
还有cc.scaleTo(),cc.scaleBy(),cc.bezierTo(),cc.bezierBy()等等…