cocos 简单的一个控制图像移动可以旋转

最新推荐文章于 2023-09-17 19:56:48 发布

蔚蓝天空857

最新推荐文章于 2023-09-17 19:56:48 发布

阅读量1.6k

点赞数 1

文章标签： cocos2d

本文链接：https://blog.csdn.net/qq_45148387/article/details/107575978

版权

本文介绍如何使用Cocos2d-x游戏引擎控制游戏角色的移动与旋转，通过监听键盘输入来改变角色的方向和位置，同时触发角色动画。文章详细展示了如何在Cocos2d-x中实现响应键盘事件，调整角色的scaleX和rotation属性，以及如何根据角色移动状态控制动画的播放和停止。

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

标题cocos 控制图像人物移动可以旋转

我这里是修改系统自带的测试项目
在这里插入图片描述

cc.Class({
    extends: cc.Component,

    properties: {
        sheep: {
            default: null,
            type: cc.Node
        },
    },

    // use this for initialization
    onLoad () {

        this.left = false;
        this.right = false;
        this.up = false;
        this.down = false;

        // set initial move direction
        this.speed = 100;

        //add keyboard input listener to call turnLeft and turnRight
        //开启监听按键的事件
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
    },

    onDestroy () {
    //关闭监听
        cc.systemEvent.off(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
        cc.systemEvent.off(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
    },

    onKeyDown (event) {
        const animationComponent = this.sheep.getComponent(cc.Animation)//获取组件
        switch(event.keyCode) {
            case cc.macro.KEY.d:
            //判断动画播放状态如果 不在播放（！）取反 执行代码打开播放，如果在播放不做处理
                if(!animationComponent.getAnimationState('sheep_run').isPlaying){ 
                    animationComponent.play('sheep_run');
                    this.sheep.scaleX = 1;//设置初始方向
                    this.sheep.rotation = 0;//设置旋转的角度
                }
                this.right = true;
                break;
 
            case cc.macro.KEY.a:
                if(!animationComponent.getAnimationState('sheep_run').isPlaying){ 
                    animationComponent.play('sheep_run');
                    this.sheep.scaleX = 1;
                    this.sheep.rotation = 0;
                }
                this.sheep.scaleX = -1;
                this.left = true;
                break;
 
            case cc.macro.KEY.w:
                if(!animationComponent.getAnimationState('sheep_run').isPlaying){ 
                    animationComponent.play('sheep_run');
                    this.sheep.scaleX = 1;
                    this.sheep.rotation = 90;
                }
                this.up = true;
                break;
 
            case cc.macro.KEY.s:
                if(!animationComponent.getAnimationState('sheep_run').isPlaying){ 
                    animationComponent.play('sheep_run');
                    this.sheep.scaleX = 1;
                    this.sheep.rotation = -90;
                }
                this.down = true;
                break;
        }
    },
    onKeyUp(event)
     {
     //获取组件
        const animationComponent = this.sheep.getComponent(cc.Animation)
        switch(event.keyCode) {

            case cc.macro.KEY.d:
                animationComponent.stop();
                this.right = false;
                break;
 
            case cc.macro.KEY.a:
                animationComponent.stop();
                this.left = false;
                break;
    
            case cc.macro.KEY.w:
                animationComponent.stop();
                this.up = false;
                break;
    
            case cc.macro.KEY.s:
                animationComponent.stop();
                this.down = false;
                break;
        }
     },
    // called every frame
    update (dt) {
        if(this.right)
        {
           this.sheep.scaleX = -1;
           this.sheep.x += this.speed*dt;
        }
        else if(this.left)
        {
           this.sheep.scaleX = 1;
           this.sheep.x-=this.speed*dt;
        }
       if(this.up)
       {
           this.sheep.y+=this.speed*dt;
       }
       else if(this.down)
       {
           this.sheep.y-=this.speed*dt
       }
    },

});