µêæõ╗¼ÕÀ▓þ╗ŵ£ëõ║åÕÅ»þê▒ÒÇüÞ»▒õ║║þÜäÕ╣│ÕÅ░´╝îõ¢åÞ┐ÿµ▓íµ£ëõ║║Õ£¿õ©èÚØóÞÀæÕè¿ÒÇéÞ«®µêæõ╗¼µö╣õ©Çõ©ïÒÇé

ÕüÜõ©Çõ©¬µû░þÜäÕÅÿÚçÅ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 x 450ÕâÅþ┤á´╝îÕ£¿µ©©µêÅþÜäõ©ïÚâ¿ÒÇéþ▓¥þüÁµÿ»ÚÇÜÞ┐çþë®þÉ嵩©µêÅÕ»╣Þ▒íÕÀÑÕÄéÕ碵ò░´╝êPhysics Game Object Factory´╝îÕì│this.physics.add´╝ëþöƒµêÉþÜä´╝îÞ┐ÖµäÅÕæ│þØÇÕ«âÚ╗ÿÞ«ñµïѵ£ëõ©Çõ©¬Õ迵Çüþë®õ¢ôÒÇé

þ▓¥þüÁþöƒµêÉÕÉÄ´╝îÞó½ÞÁïõ║ê0.2þÜäõ©Çþé╣þé╣ÕÅìÕ╝╣´╝êbounce´╝ëÕÇ╝ÒÇéÞ┐ÖµäÅÕæ│þØÇ´╝îÕ«âÞÀ│ÞÁÀÕÉÄþØÇÕ£░µùÂÕºïþ╗êõ╝ÜÕ╝╣ÞÁÀÚéúõ╣êõ©Çþé╣þé╣ÒÇéþäÂÕÉÄþ▓¥þüÁÞ«¥þ¢«õ║åõ©Äõ©ûþòîÞ¥╣þòî´╝êbound´╝ëþÜäþó░µÆ×ÒÇéÔÇöÔÇöÞ¥╣þòîÚ╗ÿÞ«ñÕ£¿µ©©µêÅÕ░║Õ»©õ╣ïÕñûÒÇéµêæõ╗¼´╝êÚÇÜÞ┐çplayer.setCollideWorldBounds(true)´╝ëµè赩©µêÅ´╝êþÜäõ©ûþòîÞ¥╣þòî´╝ëÞ«¥þ¢«õ©║800 x 600ÕÉÄ´╝îþĮիÂÕ░▒õ©ìÞâ¢õ©ìÞÀæÕç║Þ┐Öõ©¬Õî║Õƒƒõ║åÒÇéÞ┐ÖµáÀõ╝ÜÞ«®þĮիÂÕü£õ©ïµØÑ´╝îõ©ìÞâ¢ÞÀæÕç║þö╗ÚØóÞ¥╣þòî´╝îµêûÞÀ│Õç║ÚíÂÞ¥╣ÒÇé

Õè¿þö╗

Õªéµ×£Õø×Úí¥õ©Çõ©ïpreloadÕ碵ò░´╝îõ¢áõ╝Üþ£ïÕê░'dude'µÿ»õ¢£õ©║þ▓¥þüÁÞí¿Õìò´╝êsprite sheet´╝ëÞ¢¢ÕàÑþÜä´╝îÞÇîÚØ×Õø¥ÕâÅÒÇéÞ┐Öµÿ»Õøáõ©║Õ«âÕîàÕɽõ║åÕè¿þö╗Õ©º´╝êframe´╝ëÒÇéÕ«îµò┤þÜäþ▓¥þüÁÞí¿Õìòµÿ»Þ┐Öõ©¬µáÀÕ¡ÉþÜä´╝Ü

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´╝ëµÿ»Õà¿Õ▒Çþ│╗þ╗ƒÒÇéÕàÂõ©¡þöƒµêÉþÜäÕè¿þö╗µÿ»Õà¿Õ▒ÇÕÅÿÚçÅ´╝îµëǵ£ëµ©©µêÅÕ»╣Þ▒íÚâ¢Þâ¢þö¿Õê░Õ«âõ╗¼ÒÇéÕ«âõ╗¼Õêåõ║½Õƒ║þíÇþÜäÕè¿þö╗µò░µì«´╝îÕÉîµùÂþ«íþÉåÞç¬ÕÀ▒þÜäµùÂÚù┤Þ¢┤´╝êtimeline´╝ëÒÇéÞ┐ÖÕ░▒õ¢┐µêæõ╗¼Þâ¢ÕñƒÕ£¿µƒÉµùÂÕ«Üõ╣ëõ©Çõ©¬Õè¿þö╗´╝îÕì┤ÕÅ»õ╗ÑÕ║öþö¿Õê░õ╗╗µäÅÕñÜþÜ䵩©µêÅÕ»╣Þ▒íõ©èÒÇéÞ┐Öµ£ëÕê½õ║ÄPhaser 2´╝îÚéúµùÂÕè¿þö╗ÕŬÕ▒×õ║ĵì«õ╗ÑþöƒµêÉÕè¿þö╗þÜäþë╣իܵ©©µêÅÕ»╣Þ▒íÒÇé