cocos creator 笔记-人物移动

编译器版本 3.5.2

在地图上设置好人物,在人物节点下创建一个摄像机,调整位置到头部,方向为正前方,就变成了第一视角。

3.5.2版本下使用input作为输入系统,在start方法中监听Input.EventType.KEY_DOWN,Input.EventType.KEY_PRESSING两种键盘事件,使用同一个回调函数,用于按下和持续按下监听。

    start() {
        input.on(Input.EventType.KEY_DOWN, this.onKeyDown, this);
        input.on(Input.EventType.KEY_PRESSING, this.onKeyDown, this);
    }

    onKeyDown (event : EventKeyboard) {
        moveUtil.movePosition(this.node,this.position_dis,event.keyCode)
    }

   /**
     * 
     * @param node 节点
     * @param dis 单位移动距离
     * @param keyCode 按键
     */
    static movePosition (node:Node,dis:number,keyCode:KeyCode) {
        let moveCur=new Quat();
        let moveRota=new Vec3();
        node.getRotation(moveCur);
        Quat.toEuler(moveRota,moveCur)
        let position_cur=new Vec3();
        let position_target =new Vec3();
        let position_move=null;
        node.getPosition(position_cur);
        let x:number=Math.abs(dis*MathUtils.cosDeg(moveRota.y));
        let y:number=Math.abs(dis*MathUtils.sinDeg(moveRota.y));
        switch(keyCode) {
            case KeyCode.KEY_W:
                if(moveRota.y>=0&&moveRota.y<=90){
                    position_move=new Vec3(y,0,x)
                }else if(moveRota.y>90&&moveRota.y<=180){
                    position_move=new Vec3(y,0,-x)
                }else if(moveRota.y>=-90&&moveRota.y<0){
                    position_move=new Vec3(-y,0,x)
                }else if(moveRota.y<-90&&moveRota.y>-180){
                    position_move=new Vec3(-y,0,-x)
                }
                Vec3.add(position_target,position_cur,position_move)
                node.setPosition(position_target)
                break;
            case KeyCode.KEY_S:
                if(moveRota.y>=0&&moveRota.y<=90){
                    position_move=new Vec3(-y,0,-x)
                }else if(moveRota.y>90&&moveRota.y<=180){
                    position_move=new Vec3(-y,0,x)
                }else if(moveRota.y>=-90&&moveRota.y<0){
                    position_move=new Vec3(y,0,-x)
                }else if(moveRota.y<-90&&moveRota.y>-180){
                    position_move=new Vec3(y,0,x)
                }
                Vec3.add(position_target,position_cur,position_move)
                node.setPosition(position_target)
                break;
            case KeyCode.KEY_A:
                if(moveRota.y>=0&&moveRota.y<=90){
                    position_move=new Vec3(x,0,-y)
                }else if(moveRota.y>90&&moveRota.y<=180){
                    position_move=new Vec3(-x,0,-y)
                }else if(moveRota.y>=-90&&moveRota.y<0){
                    position_move=new Vec3(x,0,y)
                }else if(moveRota.y<-90&&moveRota.y>-180){
                    position_move=new Vec3(-x,0,y)
                }
                Vec3.add(position_target,position_cur,position_move)
                node.setPosition(position_target)
                break;
            case KeyCode.KEY_D:
                if(moveRota.y>=0&&moveRota.y<=90){
                    position_move=new Vec3(-x,0,y)
                }else if(moveRota.y>90&&moveRota.y<=180){
                    position_move=new Vec3(x,0,y)
                }else if(moveRota.y>=-90&&moveRota.y<0){
                    position_move=new Vec3(-x,0,-y)
                }else if(moveRota.y<-90&&moveRota.y>-180){
                    position_move=new Vec3(x,0,-y)
                }
                Vec3.add(position_target,position_cur,position_move)
                node.setPosition(position_target)
                break;
        }

    }

这里传入节点对象,步长,键盘code进行唯一移动,cocos获取到的位置信息描述为四元数,使用Quat.toEuler(moveRota,moveCur)将四元数转为欧拉角,返回角度 x, y 在 [-180, 180] 区间内, z 默认在 [-90, 90] 区间内,旋转顺序为 YZX(CocosCreatorAPI),再根据方向角度将位置利用正玄余玄进行位置拆分,最后利用Vec3进行向量计算移动位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

暮雪...

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

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

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

打赏作者

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

抵扣说明:

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

余额充值