ðÿð╝ð░ð╝ðÁ ð¢ÐÅð║ð¥ð╗ð║ð¥ ð▓ðÁð╗ð©ð║ð¥ð╗ðÁð┐ð¢ð© ð© ð©ðÀð║ÐâÐêð©ÐéðÁð╗ð¢ð© ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©, ð¢ð¥ ð¢ÐÅð╝ð░ ð║ð¥ð╣ ð┤ð░ Ðéð©Ðçð░ ð┐ð¥ ÐéÐÅÐà. ðØðÁð║ð░ ð┤ð░ ð┐ð¥ð┐ÐÇð░ð▓ð©ð╝ Ðéð¥ð▓ð░.

ðíÐèðÀð┤ð░ð╣ÐéðÁ ð¢ð¥ð▓ð░ ð┐ÐÇð¥ð╝ðÁð¢ð╗ð©ð▓ð░ ð¢ð░ ð©ð╝ðÁ player ð© ð┤ð¥ð▒ð░ð▓ðÁÐéðÁ Ðüð╗ðÁð┤ð¢ð©ÐÅ ð║ð¥ð┤ ð║Ðèð╝ ÐäÐâð¢ð║Ðåð©ÐÅÐéð░ create. ð£ð¥ðÂðÁÐéðÁ ð┤ð░ ð▓ð©ð┤ð©ÐéðÁ Ðéð¥ð▓ð░ ð▓ part5.html:

player = this.physics.add.sprite(100, 450, 'dude');

player.setBounce(0.2);
player.setCollideWorldBounds(true);

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

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

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

ðóÐâð║ ÐüðÁ Ðüð╗ÐâÐçð▓ð░Ðé ð┤ð▓ðÁ ð¥Ðéð┤ðÁð╗ð¢ð© ð¢ðÁÐëð░: ÐüÐèðÀð┤ð░ð▓ð░ ÐüðÁ Ðäð©ðÀð©ÐçðÁð¢ Ðüð┐ÐÇð░ð╣Ðé ð© ÐüðÁ ÐüÐèðÀð┤ð░ð▓ð░Ðé ð░ð¢ð©ð╝ð░Ðåð©ð©, ð║ð¥ð©Ðéð¥ Ðéð¥ð╣ ð╝ð¥ðÂðÁ ð┤ð░ ð©ðÀð┐ð¥ð╗ðÀð▓ð░.

ðñð©ðÀð©ÐçðÁð¢ Ðüð┐ÐÇð░ð╣Ðé

ðƒÐèÐÇð▓ð░ Ðçð░ÐüÐé ð¢ð░ ð║ð¥ð┤ð░ ÐüÐèðÀð┤ð░ð▓ð░ Ðüð┐ÐÇð░ð╣Ðéð░ (ð┤Ðâð╝ð░Ðéð░ ð©ð┤ð▓ð░ ð¥Ðé ð░ð¢ð│ð╗ð©ð╣Ðüð║ð░Ðéð░ ð┤Ðâð╝ð░ sprite, ð║ð¥ðÁÐéð¥ ðÁ ÐüÐéð░ÐÇ ÐéðÁÐÇð╝ð©ð¢ ð▓ ð║ð¥ð╝ð┐ÐÄÐéÐèÐÇð¢ð░Ðéð░ ð│ÐÇð░Ðäð©ð║ð░):

player = this.physics.add.sprite(100, 450, 'dude');

player.setBounce(0.2);
player.setCollideWorldBounds(true);

ðóð¥ð▓ð░ ÐüÐèðÀð┤ð░ð▓ð░ ð¢ð¥ð▓ Ðüð┐ÐÇð░ð╣Ðé ð¢ð░ ð©ð╝ðÁ player, ÐÇð░ðÀð┐ð¥ð╗ð¥ðÂðÁð¢ ð¢ð░ ð║ð¥ð¥ÐÇð┤ð©ð¢ð░Ðéð© (100; 450), ð║ð¥ðÁÐéð¥ ðÁ ð▒ð╗ð©ðÀð¥ ð┤ð¥ ð┤ð¥ð╗ð¢ð©ÐÅ ð║ÐÇð░ð╣ ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðíð┐ÐÇð░ð╣ÐéÐèÐé ÐüðÁ ÐüÐèðÀð┤ð░ð▓ð░ ÐçÐÇðÁðÀ Ðäð░ð▒ÐÇð©ð║ð░Ðéð░ ðÀð░ Ðäð©ðÀð©Ðçð¢ð© ð¥ð▒ðÁð║Ðéð© ð¢ð░ ð©ð│ÐÇð░Ðéð░ (this.physics.add), ð║ð¥ðÁÐéð¥ ð¥ðÀð¢ð░Ðçð░ð▓ð░, ÐçðÁ Ðéð¥ð╣ ð┐ð¥ ð┐ð¥ð┤ÐÇð░ðÀð▒ð©ÐÇð░ð¢ðÁ ÐëðÁ ð©ð╝ð░ Ðäð©ðÀð©Ðçð¢ð¥ ÐéÐÅð╗ð¥.

ðíð╗ðÁð┤ ð║ð░Ðéð¥ ÐüÐèðÀð┤ð░ð┤ðÁð╝ Ðüð┐ÐÇð░ð╣ÐéÐèÐé, ð╝Ðâ ð┤ð░ð▓ð░ð╝ðÁ ð╝ð░ð╗ð║ð░ ÐüÐéð¥ð╣ð¢ð¥ÐüÐé ð¢ð░ ð¥ÐéÐüð║ð¥ð║ - 0,2. ðóð¥ð▓ð░ ð¥ðÀð¢ð░Ðçð░ð▓ð░, ÐçðÁ Ðüð╗ðÁð┤ ð║ð░Ðéð¥ ÐüðÁ ð┐ÐÇð©ðÀðÁð╝ð© ð¥Ðé Ðüð║ð¥ð║, ÐëðÁ ð¥ÐéÐüð║ð¥Ðçð© ÐüÐèð▓ÐüðÁð╝ ð╝ð░ð╗ð║ð¥. ðíð╗ðÁð┤ Ðéð¥ð▓ð░ ð┐ð¥ðÀð▓ð¥ð╗ÐÅð▓ð░ð╝ðÁ ð¢ð░ Ðüð┐ÐÇð░ð╣ÐéÐèÐé ð┤ð░ ÐüðÁ ð¥Ðéð▒ð╗ÐèÐüð║ð▓ð░ ð¥Ðé ð│ÐÇð░ð¢ð©Ðåð©ÐéðÁ ð¢ð░ Ðüð▓ðÁÐéð░, ð║ð¥ð©Ðéð¥ ð┐ð¥ ð┐ð¥ð┤ÐÇð░ðÀð▒ð©ÐÇð░ð¢ðÁ Ðüð░ ÐüÐèÐëð©ÐéðÁ ð║ð░Ðéð¥ ÐÇð░ðÀð╝ðÁÐÇð░ ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðƒð¥ð¢ðÁðÂðÁ ð©ð│ÐÇð░Ðéð░ ð¢ð© ðÁ 800x600 ð┐ð©ð║ÐüðÁð╗ð░, ð©ð│ÐÇð░ÐçÐèÐé ð¢ÐÅð╝ð░ ð┤ð░ ð╝ð¥ðÂðÁ ð┤ð░ ð┐ð░ð┤ð¢ðÁ ð¥Ðé ÐüÐéÐÇð░ð¢ð©ÐéðÁ ð©ð╗ð© ð┤ð░ Ðüð║ð¥Ðçð© ð¢ð░ð┤ Ðüð▓ðÁÐéð░.

ðÉð¢ð©ð╝ð░Ðåð©ð©

ðÉð║ð¥ ð¥Ðéð¢ð¥ð▓ð¥ ð┐ð¥ð│ð╗ðÁð┤ð¢ðÁÐéðÁ ÐäÐâð¢ð║Ðåð©ÐÅÐéð░ preload, ÐëðÁ ð▓ð©ð┤ð©ÐéðÁ, ÐçðÁ dude ð▒ðÁÐêðÁ ðÀð░ÐÇðÁð┤ðÁð¢ð¥ ð¢ðÁ ð║ð░Ðéð¥ ðÁð┤ð©ð¢ð©Ðçð¢ð¥ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ðÁ, ð░ ð║ð░Ðéð¥ Ðéð░ð║ð¥ð▓ð░ Ðü ð¢ÐÅð║ð¥ð╗ð║ð¥ ð░ð¢ð©ð╝ð░Ðåð©ð¥ð¢ð¢ð© ð║ð░ð┤ÐèÐÇð░. ðòÐéð¥ ð║ð░ð║ ð©ðÀð│ð╗ðÁðÂð┤ð░ ÐåÐÅð╗ð¥Ðéð¥ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ðÁ:

image

ðÿð╝ð░ ð¥ð▒Ðëð¥ 9 ð║ð░ð┤ÐèÐÇð░ - 4 ðÀð░ Ðéð©Ðçð░ð¢ðÁ ð¢ð░ð╗ÐÅð▓ð¥, 1 ðÀð░ ð│ð╗ðÁð┤ð░ð¢ðÁ ð║Ðèð╝ ð║ð░ð╝ðÁÐÇð░Ðéð░ ð© ð¥ÐëðÁ 4 ðÀð░ Ðéð©Ðçð░ð¢ðÁ ð¢ð░ð┤ÐÅÐüð¢ð¥. ðÿð╝ð░ð╣ÐéðÁ ð┐ÐÇðÁð┤ð▓ð©ð┤, ÐçðÁ Phaser ð╝ð¥ðÂðÁ ð┤ð░ ð¥ð▒ÐÇÐèÐëð░ Ðüð┐ÐÇð░ð╣Ðéð¥ð▓ðÁ, Ðü ð║ð¥ðÁÐéð¥ ð▒ð©ÐàÐéðÁ ð╝ð¥ð│ð╗ð© ð┤ð░ Ðüð© Ðüð┐ðÁÐüÐéð©ÐéðÁ ð░ð¢ð©ð╝ð░Ðåð©ð¥ð¢ð¢ð© ð║ð░ð┤ÐÇð©, ð¢ð¥ ðÀð░ ÐüðÁð│ð░ ÐëðÁ ð│ð¥ ð┐ÐÇð░ð▓ð©ð╝ ð┐ð¥ ð┐ð¥-ð┐ÐÇð¥ÐüÐéð©ÐÅ ð¢ð░Ðçð©ð¢.

ð®ðÁ ð¢ð░ð┐ÐÇð░ð▓ð©ð╝ ð┤ð▓ðÁ ð░ð¢ð©ð╝ð░Ðåð©ð© ð¢ð░ ð©ð╝ðÁ left ð© right. ðòÐéð¥ ð░ð¢ð©ð╝ð░Ðåð©ÐÅÐéð░ left ðÀð░ Ðàð¥ð┤ðÁð¢ðÁ ð¢ð░ð╗ÐÅð▓ð¥:

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

ðÉð¢ð©ð╝ð░Ðåð©ÐÅÐéð░ left ð©ðÀð┐ð¥ð╗ðÀð▓ð░ ð║ð░ð┤ÐÇð© 0, 1, 2 ð© 3, ð║ð░Ðéð¥ ð┐ð¥ð║ð░ðÀð▓ð░ 10 ð║ð░ð┤ÐèÐÇð░ ð▓ ÐüðÁð║Ðâð¢ð┤ð░. ðíÐéð¥ð╣ð¢ð¥ÐüÐéÐéð░ repeat (ð▒Ðâð║ð▓ð░ð╗ð¢ð¥ ðÀð¢ð░ÐçðÁÐëð¥ "ð┐ð¥ð▓Ðéð¥ÐÇðÁð¢ð©ðÁ") ðÁ -1, ð║ð¥ðÁÐéð¥ ð║ð░ÐÇð░ ð░ð¢ð©ð╝ð░Ðåð©ÐÅÐéð░ ð┤ð░ ÐüðÁ ð┐ð¥ð▓Ðéð░ÐÇÐÅ ð▓ðÁÐçð¢ð¥.

ðóð¥ð▓ð░ ðÁ ÐüÐéð░ð¢ð┤ð░ÐÇÐéð¢ð░ ð░ð¢ð©ð╝ð░Ðåð©ÐÅ ðÀð░ Ðéð©Ðçð░ð¢ðÁ, ð║ð¥ÐÅÐéð¥ ÐëðÁ ð┐ð¥ð▓Ðéð¥ÐÇð©ð╝ ðÀð░ ð¥ð▒ÐÇð░Ðéð¢ð░Ðéð░ ð┐ð¥Ðüð¥ð║ð░ Ðü ð║ð╗ÐÄÐç right, ð║ð░ð║Ðéð¥ ð© ð¥ÐëðÁ ðÁð┤ð¢ð░ Ðü ð║ð╗ÐÄÐç turn.

ðöð¥ð┐Ðèð╗ð¢ð©ÐéðÁð╗ð¢ð░ ð©ð¢Ðäð¥ÐÇð╝ð░Ðåð©ÐÅ: ðÆÐèð▓ Phaser 3, ð░ð┤ð╝ð©ð¢ð©ÐüÐéÐÇð░Ðéð¥ÐÇÐèÐé ð¢ð░ ð░ð¢ð©ð╝ð░Ðåð©ð©ÐéðÁ (ð║ð¥ð╣Ðéð¥ ÐëðÁ ð¢ð░ð╝ðÁÐÇð©ÐéðÁ ð▓ ð║ð¥ð┤ð░ ð┐ð¥ð┤ ð©ð╝ðÁÐéð¥ Animation Manager) ðÁ ð│ð╗ð¥ð▒ð░ð╗ð¢ð░ Ðüð©ÐüÐéðÁð╝ð░. ðÉð¢ð©ð╝ð░Ðåð©ð©ÐéðÁ, ÐüÐèðÀð┤ð░ð┤ðÁð¢ð© Ðü ð¢ðÁð│ð¥, Ðüð░ ð┤ð¥ÐüÐéÐèð┐ð¢ð© ðÀð░ ð▓Ðüð©Ðçð║ð© ð¥ð▒ðÁð║Ðéð© ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðÆÐüðÁð║ð© ÐëðÁ ð©ðÀð┐ð¥ð╗ðÀð▓ð░ ðÁð┤ð¢ð© ð© ÐüÐèÐëð© ð┤ð░ð¢ð¢ð©, ð¢ð¥ Ðü ÐÇð░ðÀð╗ð©Ðçð¢ð░ ð▓ÐÇðÁð╝ðÁð▓ð░ ð╗ð©ð¢ð©ÐÅ. ðóð¥ð▓ð░ ðÆð© ð┐ð¥ðÀð▓ð¥ð╗ÐÅð▓ð░ ð┤ð░ ÐüÐèðÀð┤ð░ð┤ðÁÐéðÁ ð┤ð░ð┤ðÁð¢ð░ ð░ð¢ð©ð╝ð░Ðåð©ÐÅ ð▓ðÁð┤ð¢Ðèð ð© ð┤ð░ ÐÅ ð┐ÐÇð©ð╗ð¥ðÂð©ÐéðÁ ð║Ðèð╝ ð║ð¥ð╗ð║ð¥Ðéð¥ Ðüð© ð©Ðüð║ð░ÐéðÁ ð¥ð▒ðÁð║Ðéð© ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðóð¥ð▓ð░ ðÁ ÐÇð░ðÀð╗ð©Ðçð¢ð¥ ð¥Ðé Phaser 2, ð║Ðèð┤ðÁÐéð¥ ð░ð¢ð©ð╝ð░Ðåð©ð©ÐéðÁ ð┐ÐÇð©ð¢ð░ð┤ð╗ðÁðÂð░Ðàð░ Ðüð░ð╝ð¥ ð¢ð░ ð¥ð▒ðÁð║Ðéð░ ð¢ð░ ð©ð│ÐÇð░Ðéð░, ðÀð░ ð║ð¥ð╣Ðéð¥ Ðüð░ ÐüÐèðÀð┤ð░ð┤ðÁð¢ð©.