ðíÐèðÀð┤ð░ð▓ð░ð¢ðÁ ð¢ð░ ð┐ÐèÐÇð▓ð░Ðéð░ ðÆð© ð©ð│ÐÇð░ Ðü Phaser 3 - ðºð░ÐüÐé 4 - ðƒð╗ð░ÐéÐäð¥ÐÇð╝ð©ÐéðÁ

ðóð¥ð║Ðâ-Ðëð¥ ð┤ð¥ð▒ð░ð▓ð©Ðàð╝ðÁ ð┤ð¥ÐüÐéð░ ð║ð¥ð┤ ð▓ ð¢ð░Ðêð░Ðéð░ ÐäÐâð¢ð║Ðåð©ÐÅ create, ð║ð¥ð╣Ðéð¥ ðÀð░Ðüð╗ÐâðÂð░ð▓ð░ ð┐ð¥ð┤ÐÇð¥ð▒ð¢ð¥ ð¥ð▒ÐÅÐüð¢ðÁð¢ð©ðÁ. ðöð░ ðÀð░ð┐ð¥Ðçð¢ðÁð╝ Ðü Ðéð░ðÀð© Ðçð░ÐüÐé:

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

ðóÐÅ ÐüÐèðÀð┤ð░ð▓ð░ ð¢ð¥ð▓ð░ ÐüÐéð░Ðéð©Ðçð¢ð░ Ðäð©ðÀð©Ðçð¢ð░ ð│ÐÇÐâð┐ð░ ð© ÐÅ ðÀð░ð┐ð©Ðüð▓ð░ ð▓ ð┐ÐÇð¥ð╝ðÁð¢ð╗ð©ð▓ð░Ðéð░ platforms. ðÆ Arcade Physics ð©ð╝ð░ ð┤ð▓ð░ ð▓ð©ð┤ð░ Ðäð©ðÀð©Ðçð¢ð© ÐéðÁð╗ð░: ð┤ð©ð¢ð░ð╝ð©Ðçð¢ð© ð© ÐüÐéð░Ðéð©Ðçð¢ð©. ðòð┤ð¢ð¥ ð┤ð©ð¢ð░ð╝ð©Ðçð¢ð¥ ÐéÐÅð╗ð¥ (ð¢ð░ðÀð¥ð▓ð░ð¢ð¥ ð▓ ð║ð¥ð┤ð░ Ðü ÐéðÁÐÇð╝ð©ð¢ð░ dynamic) ð╝ð¥ðÂðÁ ð┤ð░ ð▒Ðèð┤ðÁ ð╝ðÁÐüÐéðÁð¢ð¥ ÐüÐèÐü Ðüð©ð╗ð©, ð║ð░Ðéð¥ Ðüð║ð¥ÐÇð¥ÐüÐé ð© ÐâÐüð║ð¥ÐÇðÁð¢ð©ðÁ. ð£ð¥ðÂðÁ ð┤ð░ ð¥ÐéÐüð║ð░Ðçð░ ð© ð┤ð░ ÐüðÁ Ðüð▒ð╗ÐèÐüð║ð▓ð░ Ðü ð┤ÐÇÐâð│ð© ÐéðÁð╗ð░, ð║ð░Ðéð¥ ð▓Ðèð┐ÐÇð¥Ðüð¢ð©ÐÅÐé Ðüð▒ð╗ÐèÐüÐèð║ ÐüðÁ ð▓ð╗ð©ÐÅðÁ ð¥Ðé ð╝ð░Ðüð░Ðéð░ ð¢ð░ ÐéÐÅð╗ð¥Ðéð¥ ð© ð┤ÐÇÐâð│ð© ð¢ðÁð│ð¥ð▓ð¥ Ðüð▓ð¥ð╣ÐüÐéð▓ð░.

ðÆ ð¥ð│ÐÇð¥ð╝ðÁð¢ ð║ð¥ð¢ÐéÐÇð░ÐüÐé, ÐüÐéð░Ðéð©Ðçð¢ð¥Ðéð¥ ÐéÐÅð╗ð¥ (ð▓ ð║ð¥ð┤ð░, static) ð©ð╝ð░ Ðüð░ð╝ð¥ ð┐ð¥ðÀð©Ðåð©ÐÅ ð© ÐÇð░ðÀð╝ðÁÐÇ. ðØðÁ ÐüðÁ ð▓ð╗ð©ÐÅðÁ ð¥Ðé ð│ÐÇð░ð▓ð©Ðéð░Ðåð©ÐÅ, ð¢ðÁ ð╝ð¥ðÂðÁ ð┤ð░ ð©ð╝ð░ Ðüð║ð¥ÐÇð¥ÐüÐé ð© ð¢ðÁ ð╝ð¥ðÂðÁ ð┤ð░ ð▒Ðèð┤ðÁ ð©ðÀð╝ðÁÐüÐéðÁð¢ð¥ Ðüð╗ðÁð┤ Ðüð▒ð╗ÐèÐüÐèð║ Ðü ð┤ÐÇÐâð│ð¥ ÐéÐÅð╗ð¥ - Ðéð¥ ðÁ ÐüÐéð░Ðéð©Ðçð¢ð¥ ð© ð┐ð¥ ð©ð╝ðÁ, ð© ð┐ð¥ ð┐ÐÇð©ÐÇð¥ð┤ð░. ðáð░ðÀð▒ð©ÐÇð░ ÐüðÁ, ÐéðÁðÀð© ÐéðÁð╗ð░ Ðüð░ ð©ð┤ðÁð░ð╗ð¢ð© ðÀð░ ðÀðÁð╝ÐÅÐéð░ ð© ðÀð░ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©ÐéðÁ, ð▓ÐèÐÇÐàÐâ ð║ð¥ð©Ðéð¥ ÐëðÁ Ðéð©Ðçð░ ð©ð│ÐÇð░ÐçÐèÐé.

ðÉ ð║ð░ð║ð▓ð¥ ð┐ÐÇðÁð┤ÐüÐéð░ð▓ð╗ÐÅð▓ð░Ðé ð│ÐÇÐâð┐ð©ÐéðÁ (ð¢ð░ÐÇð©Ðçð░ð¢ð© Group ð▓ ð║ð¥ð┤ð░)? ðÜð░ð║Ðéð¥ ð┐ð¥ð┤Ðüð║ð░ðÀð▓ð░ ð©ð╝ðÁÐéð¥ ð©ð╝, ÐéðÁ Ðüð░ ð¢ð░Ðçð©ð¢, ð┐ð¥ ð║ð¥ð╣Ðéð¥ ð╝ð¥ðÂðÁÐéðÁ ð┤ð░ ð│ÐÇÐâð┐ð©ÐÇð░ÐéðÁ ð┐ð¥ð┤ð¥ð▒ð¢ð© ð¥ð▒ðÁð║Ðéð© ð© ð┤ð░ ð│ð© ð║ð¥ð¢ÐéÐÇð¥ð╗ð©ÐÇð░ÐéðÁ ð║ð░Ðéð¥ ðÁð┤ð©ð¢. ðíÐèÐëð¥ ð╝ð¥ðÂðÁÐéðÁ ð┤ð░ ð┐ÐÇð¥ð▓ðÁÐÇÐÅð▓ð░ÐéðÁ ðÀð░ Ðüð▒ð╗ÐèÐüÐèð║ ð╝ðÁðÂð┤Ðâ ð│ÐÇÐâð┐ð░ ð© ð┤ÐÇÐâð│ ð¥ð▒ðÁð║Ðé ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðôÐÇÐâð┐ð©ÐéðÁ ð┐ÐÇð©ÐéðÁðÂð░ð▓ð░Ðé ð┐ð¥ð╝ð¥Ðëð¢ð© ÐäÐâð¢ð║Ðåð©ð© ð║ð░Ðéð¥ create, Ðü ð║ð¥ð©Ðéð¥ ð╝ð¥ð│ð░Ðé ð┤ð░ ÐüÐèðÀð┤ð░ð┤ð░Ðé Ðüð¥ð▒ÐüÐéð▓ðÁð¢ð© ð¥ð▒ðÁð║Ðéð© ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðñð©ðÀð©Ðçð¢ð░Ðéð░ ð│ÐÇÐâð┐ð░ (Physics Group) ðÆð© ð┐ð¥ðÀð▓ð¥ð╗ÐÅð▓ð░ ð░ð▓Ðéð¥ð╝ð░Ðéð©Ðçð¢ð¥ ð┤ð░ ð▓ð║ð╗ÐÄÐçð©ÐéðÁ ð¥ð▒ðÁð║Ðéð©ÐéðÁ ÐØ ð║Ðèð╝ Ðäð©ðÀð©Ðçð¢ð░Ðéð░ Ðüð©ð╝Ðâð╗ð░Ðåð©ÐÅ, ð║ð¥ðÁÐéð¥ ð▓ð© Ðüð┐ðÁÐüÐéÐÅð▓ð░ ð╝ð░ð╗ð║ð¥ ÐéÐÇÐâð┤.

ðíð╗ðÁð┤ ð║ð░Ðéð¥ Ðüð╝ðÁ ÐüÐèðÀð┤ð░ð╗ð© ð│ÐÇÐâð┐ð░ ðÀð░ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©ÐéðÁ Ðüð©, ð╝ð¥ðÂðÁð╝ ð┤ð░ ÐÅ ð©ðÀð┐ð¥ð╗ðÀð▓ð░ð╝ðÁ, ðÀð░ ð┤ð░ ÐüÐèðÀð┤ð░ð┤ðÁð╝ Ðüð░ð╝ð©ÐéðÁ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©:

platforms.create(400, 568, 'ground').setScale(2).refreshBody();

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

ðÜð░ð║Ðéð¥ ð▓ð©ð┤ÐÅÐàð╝ðÁ ð┐ð¥-ÐÇð░ð¢ð¥, Ðéð¥ð▓ð░ ÐüÐèðÀð┤ð░ð▓ð░ Ðüð╗ðÁð┤ð¢ð░Ðéð░ ÐüÐåðÁð¢ð░:

ðöð¥ð║ð░Ðéð¥ ðÀð░ÐÇðÁðÂð┤ð░Ðàð╝ðÁ ÐÇðÁÐüÐâÐÇÐüð©ÐéðÁ Ðüð©, ð¢ð©ðÁ ð▓ð║ð░ÐÇð░Ðàð╝ðÁ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ðÁ ð¢ð░ ð©ð╝ðÁ ground. ðóð¥ ð┐ÐÇðÁð┤ÐüÐéð░ð▓ð╗ÐÅð▓ð░ ð┐ÐÇð¥ÐüÐé ðÀðÁð╗ðÁð¢ ð┐ÐÇð░ð▓ð¥Ðèð│Ðèð╗ð¢ð©ð║ Ðü ÐÇð░ðÀð╝ðÁÐÇ 400x32 ð┐ð©ð║ÐüðÁð╗ð░ ð© ÐëðÁ Ðüð╗ÐâðÂð© ð║ð░Ðéð¥ ð¢ð░Ðêð©ÐéðÁ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©:

ðƒÐèÐÇð▓ð©ÐÅÐé ÐÇðÁð┤ ð║ð¥ð┤ ð│ð¥ÐÇðÁ ð┤ð¥ð▒ð░ð▓ÐÅ ð¢ð¥ð▓ð¥ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ðÁ ð¢ð░ ð║ð¥ð¥ÐÇð┤ð©ð¢ð░Ðéð© (400; 568) - ð┐ð¥ð╝ð¢ðÁÐéðÁ, ÐçðÁ ð║ð¥ð¥ÐÇð┤ð©ð¢ð░Ðéð©ÐéðÁ ð¢ð░ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ÐÅÐéð░ Ðüð░ Ðüð┐ÐÇÐÅð╝ð¥ ÐéðÁÐàð¢ð©ÐÅ ÐåðÁð¢ÐéÐèÐÇ. ðƒÐÇð¥ð▒ð╗ðÁð╝ÐèÐé ðÁ, ÐçðÁ Ðéð░ðÀð© ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð░ ÐéÐÇÐÅð▒ð▓ð░ ð┤ð░ ðÁ Ðéð¥ð╗ð║ð¥ð▓ð░ ð┤Ðèð╗ð│ð░, ð║ð¥ð╗ð║ð¥Ðéð¥ ð© ðÁð║ÐÇð░ð¢ð░ ð¢ð░ ð©ð│ÐÇð░Ðéð░, ð©ð¢ð░ÐçðÁ ð©ð│ÐÇð░ÐçÐèÐé ÐëðÁ ð©ðÀð┐ð░ð┤ð¢ðÁ ð¥Ðé ÐüÐéÐÇð░ð¢ð©ÐéðÁ. ð£ð¥ðÂðÁð╝ ð┤ð░ ÐÇðÁÐêð©ð╝ Ðéð¥ð▓ð░ ð║ð░Ðéð¥ Ðâð▓ðÁð╗ð©Ðçð©ð╝ ð©ðÀð¥ð▒ÐÇð░ðÂðÁð¢ð©ðÁÐéð¥ 2 ð┐ÐèÐéð© Ðü ÐäÐâð¢ð║Ðåð©ÐÅÐéð░ setScale(2) (ð¥Ðé ð░ð¢ð│ð╗ð©ð╣Ðüð║ð░Ðéð░ ð┤Ðâð╝ð░ ðÀð░ "ð╝ð░Ðëð░ð▒"). ðØðÁð│ð¥ð▓ð©ÐÅÐé ÐÇð░ðÀð╝ðÁÐÇ ÐëðÁ ÐüÐéð░ð¢ðÁ 800x64, ð║ð¥ðÁÐéð¥ ðÁ Ðéð¥ð╗ð║ð¥ð▓ð░ Ðêð©ÐÇð¥ð║ð¥ ð║ð¥ð╗ð║ð¥Ðéð¥ ðÁð║ÐÇð░ð¢ð░ ð¢ð░ ð©ð│ÐÇð░Ðéð░. ðƒð¥ð¢ðÁðÂðÁ ð┐ÐÇð¥ð╝ðÁð¢ÐÅð╝ðÁ ÐÇð░ðÀð╝ðÁÐÇð░ ð¢ð░ ÐüÐéð░Ðéð©Ðçð¢ð¥ Ðäð©ðÀð©Ðçð¢ð¥ ÐéÐÅð╗ð¥, ð¢ð©ðÁ ÐéÐÇÐÅð▒ð▓ð░ ð┤ð░ ð║ð░ðÂðÁð╝ ð¢ð░ Ðäð©ðÀð©Ðçð¢ð░Ðéð░ Ðüð©ð╝Ðâð╗ð░Ðåð©ÐÅ ðÀð░ ð┐ÐÇð¥ð╝ðÁð¢ð©ÐéðÁ ÐçÐÇðÁðÀ ÐäÐâð¢ð║Ðåð©ÐÅÐéð░ refreshBody().

ðíð╗ðÁð┤ ð║ð░Ðéð¥ Ðüð╝ðÁ ð┐ð¥ÐüÐéð░ð▓ð©ð╗ð© ð¥Ðüð¢ð¥ð▓ð¢ð░Ðéð░ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð░ ð¢ð░ ð╝ÐÅÐüÐéð¥, ð▓ðÁÐçðÁ ðÁ ð▓ÐÇðÁð╝ðÁ ð© ðÀð░ ð┤ÐÇÐâð│ð©ÐéðÁ ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð©:

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

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

ðÿðÀ ðÁð║ÐÇð░ð¢ð░ ð▓ðÁÐçðÁ Ðüð░ ð┐ð¥ÐüÐéð░ð▓ðÁð¢ð© 3 ð┐ð╗ð░ÐéÐäð¥ÐÇð╝ð© ð¢ð░ ÐÇð░ðÀÐüÐéð¥ÐÅð¢ð©ÐÅ, ð║ð¥ð©Ðéð¥ ÐëðÁ ð┐ð¥ðÀð▓ð¥ð╗ÐÅð▓ð░Ðé ð¢ð░ ð©ð│ÐÇð░Ðçð░ ð┤ð░ Ðüð║ð¥Ðçð© ð┤ð¥ ÐéÐÅÐà.