Движение персонажа с помощью Phaser

Перемещение персонажей в Phaser относительно просто по сравнению с использованием JQuery.

Вы можете поместить таблицу спрайтов в качестве ресурса, создать анимацию с активом таблицы спрайтов, а затем использовать ее для ходьбы персонажа.

function preload(){
 //Load assets
 game.load.image(‘sky’, ‘assets/sky.png’);
 game.load.image(‘ground’, ‘assets/platform.png’);
 game.load.image(‘star’, ‘assets/star.png’);
 game.load.spritesheet(‘dude’ , ‘assets/dude.png’, 32, 48);
}
//______________________________________________________________
player.body.velocity.x = 0;
 
 if(cursors.left.isDown){
 
 // Move to the left
 player.body.velocity.x = -150;
 
 player.animations.play(‘left’);
 }
 else if (cursors.right.isDown){
 
 // Move to the right
 player.body.velocity.x = 150;
 
 player.animations.play(‘right’);
 }
 else
 {
 // Stand still
 player.animations.stop();
 
 player.frame = 4;
 }
 
 // Allow the player to jump if they are touching the ground
 if(cursors.up.isDown && player.body.touching.down)
 {
 player.body.velocity.y = -350;
 }
//______________________________________________________________
// Our two animations, walking left and right.
 player.animations.add(‘left’, [0, 1, 2, 3], 10, true);
 player.animations.add(‘right’, [5, 6, 7, 8], 10, true);

Phaser значительно упрощает работу со спрайтами, например, в JQuery вам нужно создать группу классов, содержащих позиции фона, что отнимает очень много времени. С Phaser на это уходит гораздо меньше времени, и вы используете

game.load.spritesheet(); 

чтобы подготовить таблицу спрайтов к использованию.