Как убрать пустое пространство между игроком и землей в Phaser 3 - PullRequest
Новая
       79

Как убрать пустое пространство между игроком и землей в Phaser 3

0 голосов
/ 07 марта 2020

Я изучаю Phaser 3, создавая небольшую платформенную игру, все работает так, как я хочу, но когда игрок загружается, между ним и землей появляется некоторое пространство, что вызывает это и как я могу это исправить? Я хочу, чтобы он стоял на земле без промежутков между ними, вот картинка:

https://ibb.co/Px65JMR

и вот мой js код: 

var config = {
    type: Phaser.AUTO,
    width: 900,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            gravity: { y: 300 }
        }
    },
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};



var game = new Phaser.Game(config);

function preload() {
    this.load.image('sky', 'assets/world/sky.png');
    this.load.image('ground', 'assets/world/ground.png');
    this.load.image('platform', 'assets/world/platform.png');
    this.load.spritesheet('player', 'assets/characters/player.png', { frameWidth: 32, frameHeight: 48 });
}

function create() {
    this.add.image(400, 300, 'sky');

    platforms = this.physics.add.staticGroup();
    ground = this.physics.add.staticGroup();


    platforms.create(600, 400, 'platform');
    platforms.create(50, 250, 'platform');
    platforms.create(750, 220, 'platform');
    ground.create(500, 550, 'ground')


    // Creating the player
    player = this.physics.add.sprite(50, 350, 'player');

    player.setBounce(0.2);
    player.setCollideWorldBounds(true);
    player.body.setGravityY(300)
    this.physics.add.collider(player, ground);

    this.anims.create({
        key: 'left',
        frames: this.anims.generateFrameNumbers('player', { start: 0, end: 3 }),
        frameRate: 10,
        repeat: -1
    });

    this.anims.create({
        key: 'turn',
        frames: [{ key: 'player', frame: 4 }],
        frameRate: 20
    });

    this.anims.create({
        key: 'right',
        frames: this.anims.generateFrameNumbers('player', { start: 5, end: 8 }),
        frameRate: 10,
        repeat: -1
    });

}

function update() {
    cursors = this.input.keyboard.createCursorKeys();


    if (cursors.left.isDown) {
        player.setVelocityX(-160);

        player.anims.play('left', true);
    }
    else if (cursors.right.isDown) {
        player.setVelocityX(160);

        player.anims.play('right', true);
    }
    else {
        player.setVelocityX(0);

        player.anims.play('turn');
    }

    if (cursors.up.isDown && player.body.touching.down) {
        player.setVelocityY(-330);
    }
}

Ответы [ 2 ]

0 голосов
/ 07 марта 2020

возможное решение 1:

попробуйте уменьшить второй параметр здесь: 

ground.create(500, 550, 'ground')

до - скажем, 450.

возможное решение 2: 

ground.create(500, 550, 'ground').setSize(500,500, true);
ground.refresh();
0 голосов
/ 07 марта 2020 
    this.load.spritesheet('player', 'assets/characters/player.png', { frameWidth: 32, frameHeight: 48 });

Убедитесь, что frameHeight спрайта равен 48, а не 32x32?

Кроме того, я бы порекомендовал вам добавить debug = true в вашу конфигурацию: 

    arcade: {
      debug: true,
      gravity: { y: 300 }
    }

При этом каждый объект будет помечен фиолетовым контуром, держу пари, что вы поймете это в кратчайшие сроки.

...