cocos 丝滑的四方向移动

方向数组法:

设置四方向移动的状态数组dir = [0,0,0,0]用来判断移动方向(上下左右)

    onLoad() {
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
        dir = [0, 0, 0, 0];
        this.schedule(this.keyMove, 0.1);
    },

    start() {

    },
    onKeyUp(event) {
        switch (event.keyCode) {
            default:
                dir = [0, 0, 0, 0];
        }
    },
    keyMove() {
        if (dir[0] === 1) {
            // anim.play("personUp");
            this.node.y += 5;
        }
        else if (dir[1] === 1) {
            // anim.play("personDown");
            this.node.y -= 5;
        }
        else if (dir[2] === 1) {
            // anim.play("personLeft");
            this.node.x -= 5;
        }
        else if (dir[3] === 1) {
            // anim.play("personRight");
            this.node.x += 5;
        }

    },
    onKeyDown(event) {
        anim = this.node.getComponent(cc.Animation);
        switch (event.keyCode) {
            case cc.macro.KEY.a:
                dir = [0, 0, 1, 0];
                break;
            case cc.macro.KEY.d:
                dir = [0, 0, 0, 1];
                break;
            case cc.macro.KEY.w:
                dir = [1, 0, 0, 0];
                break;
            case cc.macro.KEY.s:
                dir = [0, 1, 0, 0];
                break;
        }
    }

状态值法:

    onLoad() {
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
    },

    start() {
        this.state = null;
        this.schedule(this.move, 0.01)
    },

    onKeyDown(e) {
        if (this.keyState) return
        switch (e.keyCode) {
            case cc.macro.KEY.w: this.speedY = 5; this.state = cc.macro.KEY.w; break;
            case cc.macro.KEY.a: this.speedX = -5; this.state = cc.macro.KEY.a; break;
            case cc.macro.KEY.s: this.speedY = -5; this.state = cc.macro.KEY.s; break;
            case cc.macro.KEY.d: this.speedX = 5; this.state  = cc.macro.KEY.d; break;
        }
    },

    onKeyUp(e) {
        if(e.keyCode !== this.keyState) return 
        switch (e.keyCode) {
            case cc.macro.KEY.w: this.speedY = 0;this.state = null; break;
            case cc.macro.KEY.a: this.speedX = 0;this.state = null; break;
            case cc.macro.KEY.s: this.speedY = 0;this.state = null; break;
            case cc.macro.KEY.d: this.speedX = 0;this.state = null; break;
        }
    },

    move() {
        this.node.x += this.speedX;
        this.node.y += this.speedY;
    }

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Cocos Creator编辑器中,可以通过给Animation添加动画事件来实现事件的执行。但是需要注意的是,如果想要事件成功回调,必须将事件监听的脚本放在与Animation组件同一个控件下。例如,在TestSprite组件上挂载了一个Animation脚本,在动画中添加了一个onAnimEnd事件,在Test脚本中实现了这个onAnimEnd函数。如果想要事件成功回调,必须将Test脚本挂载到TestSprite组件上,也就是要事件回调实现与Animation在同一个组件上。如果不想两个组件挂载到同一个地方,可以通过动态注册动画事件来实现。具体的方法可以参考Cocos Creator官方文档中的说明\[1\]。 除了在动画编辑器中添加帧事件进行回调外,Cocos Creator的动画系统还提供了动态注册回调事件的方式\[2\]。可以通过以下代码来注册和取消注册回调事件: ```javascript var animation = this.node.getComponent(cc.Animation); // 注册 animation.on('play', this.onPlay, this); // 取消注册 animation.off('play', this.onPlay, this); // 对单个cc.AnimationState注册回调 var anim1 = animation.getAnimationState('anim1'); anim1.on('lastframe', this.onLastFrame, this); ``` 此外,还可以动态创建Animation Clip,并添加帧事件\[2\]。具体的方法可以参考官方文档中的示例代码。 在使用动画播放接口时,可以通过指定动画名称、开始时间等参数来播放动画\[3\]。例如: ```javascript var anim = this.getComponent(cc.Animation); // 指定播放test动画 anim.play('test'); // 指定从1s开始播放test动画 anim.play('test', 1); // 使用play接口播放动画时,如果还有其他动画正在播放,则会先停止其他动画 anim.play('test2'); // 播放第一个动画 anim.playAdditive('position-anim'); // 播放第二个动画 anim.playAdditive('rotation-anim'); // 指定暂停test动画 anim.pause('test'); // 暂停所有动画 anim.pause(); // 指定恢复test动画 anim.resume('test'); // 恢复所有动画 anim.resume(); // 指定停止test动画 anim.stop('test'); // 停止所有动画 anim.stop(); ``` 还可以通过setCurrentTime方法设置动画的当前时间\[3\]。 希望以上信息能够帮助到您。如果还有其他问题,请随时提问。 #### 引用[.reference_title] - *1* [关于Cocos creator的Animation事件](https://blog.csdn.net/a641832648/article/details/78084315)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [CocosCreator 教你玩转Animation动画(第十四篇)](https://blog.csdn.net/qq_45021180/article/details/104718341)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

永远的毅嘉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值