cocos2dx-js 动画

最新推荐文章于 2023-09-08 17:02:15 发布

原创最新推荐文章于 2023-09-08 17:02:15 发布 · 743 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#cocos2d-xJS

本文详细介绍了如何在游戏开发中创建动画角色，并实现其动作。通过使用SpriteBatchNode和Animation类，开发者可以轻松地为游戏角色添加行走动画。此外，文章还涉及到如何初始化动画帧、创建动画动作序列以及在角色上应用这些动画。

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

创建动画

init:function(){
        this._super();

        //create sprite sheet
        cc.spriteFrameCache.addSpriteFrames(res.running_plist);
        this.spriteSheet = new cc.SpriteBatchNode(res.runner_png);
        this.addChild(this.spriteSheet);

        //init runningAction
        var animFrames = [];
        for(var i=0;i<8;i++){
            var str = "runner" + i + ".png";
            var frame = cc.spriteFrameCache.getSpriteFrame(str);
            animFrames.push(frame);
        }

        var animation = new cc.Animation(animFrames,0.1);
        this.runningAction = new cc.RepeatForever(new cc.Animate(animation));

        //create the hero sprite
        this.sprite = new cc.Sprite("#runner0.png");
        this.sprite.attr({x:80,y:85});

        this.sprite.runAction(this.runningAction);
        this.addChild(this.sprite);
        //create the move action
        //var actionTo = new cc.MoveTo(2,cc.p(300,85));
        //spriteRunner.runAction(actionTo);
        //this.addChild(spriteRunner);

    }