相位器 3 街机重力无论我将其设置为什么值都无法正常工作

Question

我正在制作一个新项目，由于某些原因，游戏中的重力很混乱，当我尝试跳跃时，我跳得像一厘米。如果我改变值，什么都不会改变，它总是有故障。我怎样才能使我正常地跳跃和坠落?

我以前有过一些项目，重力工作得很好，对于这个项目，我使用的是phaser 3的最新稳定版本。我真的看不出错误是什么，我已经看了一段时间了。

有很多与错误无关的代码，所以我删除了它，以便于别人更容易地检查它。

game.js

const socket = io();
var config = {
type: Phaser.AUTO,
width: 1000,
height: 550,
parent: 'master',
physics: {
default: 'arcade',
arcade: {
gravity: { y: 300 },
debug: true
}
},
scene: {
preload: resources,
create: mechanics,
update: controls
}
};
const game = new Phaser.Game(config);
function resources() {
this.load.image("arena", "../resources/images/arena1.png");
this.load.image("floor", "../resources/images/floor.png");
this.load.atlas("warrior", "../resources/images/characters/warrior.png","../resources/images/characters/warrior.json");

}
var warrior;
function mechanics() {
grasslands = this.add.image(500, 225, "arena").setScale(0.7);

warrior = this.physics.add.sprite(100, 490, "warrior").setScale(2).setSize(15, 15);

floor = this.physics.add.staticGroup();
floor.create(500, 545, "floor").setVisible(false);
this.physics.add.collider(warrior, floor);
warrior.body.collideWorldBounds = true;
warrior.body.onWorldBounds = true;
}   


function controls() {

key = this.input.keyboard.addKeys("W,A,S,D");

if(key.A.isDown) {
warrior.setVelocityX(-100);
warrior.flipX = true;

}else if (key.D.isDown) {
warrior.setVelocityX(100);
warrior.flipX = false;


}else if (key.W.isDown && warrior.body.touching.down) {
warrior.setVelocityY(-330);
}else{
warrior.setVelocity(0);

}
}

Answer 1

出现问题是因为这一行warrior.setVelocity(0);。这一行，停止工作的重力，如预期的(并阻碍跳跃)，因为在现场更新时，速度被设置为0。删除行并在controls函数的开始添加warrior.setVelocityX(0)，一切都应该正常工作(如果您想/必须保留if-else块)。或者在回答的最后查看我的工作演示。

function controls() {
key = this.input.keyboard.addKeys("W,A,S,D");
warrior.setVelocityX(0);
if(key.A.isDown) {
warrior.setVelocityX(-100);
warrior.flipX = true;
}else if (key.D.isDown) {
warrior.setVelocityX(100);
warrior.flipX = false;
}else if (key.W.isDown && warrior.body.touching.down) {
warrior.setVelocityY(-330);
}
}

我只会停止左/右移动，当玩家停止按键(使用setVelocityX(0))时，让重力停止跳跃/向上移动。

这里有一个基本的演示:

var config = {
type: Phaser.AUTO,
width: 400,
height: 160,
physics: {
default: 'arcade',
arcade: {
gravity: { y: 200 },
}
},
scene: {
create,
update
}
}; 
var cursors;
var player;
var playerStateText;
const SPEED = 250;
var isJumping = true;
function create () {
cursors = this.input.keyboard.createCursorKeys();

this.add.text(10, 10, 'Use arrow Keys to move!')

let ground = this.add.rectangle(-40, 120, 480, 50, 0xBAF0FF).setOrigin(0);
player = this.add.rectangle(20, 20, 30, 30, 0xcccccc).setOrigin(0);

ground = this.physics.add.existing(ground);
ground.body.setImmovable(true);
ground.body.allowGravity = false;

player = this.physics.add.existing(player);

this.physics.add.collider(player, ground, _ => isJumping = false);      
}
function update (){

if (cursors.left.isDown){
player.body.setVelocityX(-SPEED);
} else if (cursors.right.isDown) {
player.body.setVelocityX(SPEED);
}
else {
player.body.setVelocityX(0);
}

if (!isJumping && cursors.up.isDown){
player.body.setVelocityY(-SPEED * .75);
isJumping = true;
} 
}
new Phaser.Game(config);

<script src="//cdn.jsdelivr.net/npm/phaser@3.55.2/dist/phaser.js"></script>