玩家对角移动 - 太快 ||节点JS

Question

如果我向右、向左、向上或向下移动播放器，我会朝那个方向移动 5px。 但是，如果我向下和向右按下，例如播放器向右移动 5px，向下移动 5px，这距离之前的位置大约 7 个像素，而不是 5px。

我可以添加下一条 IF 语句：if (up and down) then spdX and spdY = (maxSpd - maxSpd√2) ​​/ or simple -25% ?.

但我认为我的代码已经有点乱了......

任何快速且看起来简单的好解决方案？ :)

这是我的代码：

self.updateSpd = function(){
    if(self.pressingRight){
        self.spdX = self.maxSpd;
        if(self.pressingShift && self.stamina > 0){
            self.spdX += self.maxRun;
            self.stamina --;
        }
    }
    else if(self.pressingLeft){
        self.spdX = -self.maxSpd;
        if(self.pressingShift && self.stamina > 0){
            self.spdX -= self.maxRun;
            self.stamina --;
        }
    }
    else{
        self.spdX = 0;
    }

    if(self.pressingUp){
        self.spdY = -self.maxSpd;
        if(self.pressingShift && self.stamina > 0){
            self.spdY -= self.maxRun;
            self.stamina --;
        }
    }
    else if(self.pressingDown){
        self.spdY = self.maxSpd;
        if(self.pressingShift && self.stamina > 0){
            self.spdY += self.maxRun;
            self.stamina --;
        }
    }
    else{
        self.spdY = 0;
    }
}

Answer 1

您可以使用值-1、0、1 为 X 和 Y 方向创​​建变量：

var dirX = -self.pressingLeft + self.pressingRight;
var dirY = -self.pressingUp + self.pressingDown;

然后在对角线移动时进行调整：

if (dirX !== 0 && dirY !== 0) {
    dirX *= Math.SQRT1_2;
    dirY *= Math.SQRT1_2;
}

然后应用其余部分：

var speed = self.maxSpd;

if (self.pressingShift && self.stamina > 0 && (dirX !== 0 || dirY !== 0)) {
    speed += self.maxRun;
    self.stamina--;
}

self.spdX = speed * dirX;
self.spdY = speed * dirY;

总之：

self.updateSpd = function () {
    var dirX = -self.pressingLeft + self.pressingRight;
    var dirY = -self.pressingUp + self.pressingDown;

    if (dirX !== 0 && dirY !== 0) {
        dirX *= Math.SQRT1_2;
        dirY *= Math.SQRT1_2;
    }

    var speed = self.maxSpd;

    if (self.pressingShift && self.stamina > 0 && (dirX !== 0 || dirY !== 0)) {
        speed += self.maxRun;
        self.stamina--;
    }

    self.spdX = speed * dirX;
    self.spdY = speed * dirY;
};

或许：

self.updateSpd = function () {
    var dirX = -self.pressingLeft + self.pressingRight;
    var dirY = -self.pressingUp + self.pressingDown;

    var speed = self.maxSpd;

    if (self.pressingShift && self.stamina > 0 && (dirX !== 0 || dirY !== 0)) {
        speed += self.maxRun;
        self.stamina--;
    }

    if (dirX !== 0 && dirY !== 0) {
        speed *= Math.SQRT1_2;
    }

    self.spdX = speed * dirX;
    self.spdY = speed * dirY;
};

请注意，当同时按下左右键（不移动，而不是向右移动）或同时按下上下键（不移动，而不是向上移动）时，它的行为与原来的不同。