Þ«®µêæõ╗¼ÕèáÞ¢¢µ©©µêŵëÇÚ£ÇÞÁäµ║ÉÒÇéÞªüÕüÜÕê░Þ┐Öõ©Çþé╣´╝îõ¢áÞªüÕ£¿Õ£║µÖ»õ©¡þÜäõ©Çõ©¬ÕŽpreload´╝êÚóäÕèáÞ¢¢´╝ëþÜäÕ碵ò░ÕåàÚâ¿´╝îÞ░âþö¿PhaserþÜäLoader´╝êÕèáÞ¢¢ÕÖ¿´╝ëÒÇéPhaserÕÉ»Õ迵ùÂõ╝ÜÞç¬Õ迵ë¥Õê░Þ┐Öõ©¬Õ碵ò░´╝îÕ╣ÂÕèáÞ¢¢ÚçîÚØóÕ«Üõ╣ëÕÑ¢þÜäµëǵ£ëÞÁäµ║ÉÒÇé

þø«ÕëìpreloadÕ碵ò░µÿ»þ®║þÜäÒÇéµèèÕ«âµö╣õ©║´╝Ü

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

Þ┐ÖµáÀÕ░åÕèáÞ¢¢5õ©¬ÞÁäµ║É´╝Ü4Õ╝áÕø¥´╝êimage´╝ëÕÆîõ©Çõ©¬þ▓¥þüÁÞí¿Õìò´╝êsprite sheet´╝ëÒÇéõ╣ƒÞ«©Õ»╣õ║ĵƒÉõ║øõ║║´╝îÕ«âþ£ïÞÁÀµØÑÕñƒµÿÄþÖ¢õ║å´╝îõ¢åµêæÞ┐ÿµâ│Þ»┤Þ»┤þ¼¼õ©Çõ©¬ÕÅéµò░´╝îÕ«âÕŽÞÁäµ║ÉþÜäkey´╝êÚö«ÕÇ╝´╝îÕì│'sky'´╝î'bomb'´╝ëÒÇéÞ┐Öõ©¬Õ¡ùþ¼ªõ©▓µÿ»õ©Çõ©¬Úô¥µÄÑ´╝îµîçÕÉæÕÀ▓ÕèáÞ¢¢þÜäÞÁäµ║É´╝îõ¢áÕ£¿õ╗úþáüõ©¡þöƒµêɵ©©µêÅÕ»╣Þ▒íµùÂÕ░åþö¿Õê░Õ«âÒÇéõ¢áÕÅ»õ╗ÑÚÜŵäÅõ¢┐þö¿õ╗╗õ¢òµ£ëµòêþÜäJavaScriptÕ¡ùþ¼ªõ©▓õ¢£õ©║Úö«ÕÇ╝ÒÇé

µÿ¥þñ║Õø¥ÕâÅ

Þªüµÿ¥þñ║ÕÀ▓þ╗ÅÕèáÞ¢¢þÜäõ©ÇÕ╝áÕø¥ÕâÅ´╝îµêæõ╗¼µèèõ©ïÚØóþÜäõ╗úþáüÕê░create´╝êþöƒµêÉ´╝ëÕ碵ò░õ©¡´╝Ü

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

õ¢áÕÅ»õ╗ÑÕ£¿part3.htmlõ©¡þ£ïÕê░Þ┐ÖÞíîõ╗úþáüÒÇéÕªéµ×£õ¢áµÿ»Õ£¿µÁÅÞºêÕÖ¿õ©¡ÕèáÞ¢¢þÜä´╝îõ¢áþÄ░Õ£¿Õ║öÞ»Ñþ£ïÕê░õ©Çõ©¬µ©©µêÅþö╗ÚØó´╝îÕ©âµ╗íÞôØÞë▓Õñ®þ®║õ¢£õ©║ÞâîµÖ»´╝Ü

image

400ÕÆî300µÿ»Õø¥ÕâÅÕØɵáçþÜäxÕÇ╝ÕÆîyÕÇ╝ÒÇéõ©║õ╗Çõ╣êµÿ»400ÕÆî300Õæó´╝ƒÞ┐Öµÿ»Õøáõ©║´╝îÕ£¿Phaser 3 õ©¡´╝îµëǵ£ëµ©©µêÅÕ»╣Þ▒íþÜäÕ«Üõ¢ìÚâ¢Ú╗ÿÞ«ñÕƒ║õ║ÄÕ«âõ╗¼þÜäõ©¡Õ┐âþé╣ÒÇéÞ┐Öõ©¬ÞâîµÖ»Õø¥ÕâÅþÜäÕ░║Õ»©µÿ»800 x 600ÕâÅþ┤á´╝îµëÇõ╗Ñ´╝îÕªéµ×£µêæõ╗¼µÿ¥þñ║Õ«âµùÂÕ░åÕ«âþÜäõ©¡Õ┐âÕ«ÜÕ£¿0 x 0´╝îõ¢áÕ░åÕŬÞâ¢þ£ïÕê░Õ«âþÜäÕÅ│õ©ïÞºÆÒÇéÕªéµ×£µêæõ╗¼µÿ¥þñ║Õ«âµùÂÕ«Üõ¢ìÕ£¿400 x 300´╝îõ¢áÞâ¢þ£ïÕê░µò┤õ¢ôÒÇé

µÅÉþñ║´╝Üõ¢áÕÅ»õ╗Ñþö¿setOrigin´╝êÞ«¥þ¢«Õăþé╣´╝ëµØѵö╣ÕÅÿÞ┐ÖþºìµâàÕåÁÒÇéµ»öÕªéõ╗úþáüthis.add.image(0, 0, 'sky').setOrigin(0, 0)´╝îÕ░åµèèÕø¥ÕâÅþÜäþ╗ÿÕêÂÕ«Üõ¢ìþé╣Úçìþ¢«õ©║ÕÀªõ©èÞºÆÒÇéÕ£¿Phaser 2 õ©¡´╝îÕ«Üõ¢ìþé╣µÿ»ÚÇÜÞ┐çÕ▒׵Ǻanchor´╝êÚöÜþé╣´╝ëÞÄÀÕÅûþÜä´╝îõ¢åÕ£¿Phaser 3 õ©¡ÕêÖÚÇÜÞ┐çÕ▒׵ǺoriginXÕÆîoriginYÒÇé

µ©©µêÅÕ»╣Þ▒íþÜäµÿ¥þñ║Úí║Õ║Åõ©Äõ¢áþöƒµêÉÕ«âõ╗¼þÜäÚí║Õ║Åõ©ÇÞç┤ÒÇéµëÇõ╗Ñ´╝îÕªéµ×£õ¢áµâ│µö¥õ©Çõ©¬µÿƒµÿƒþÜäþ▓¥þüÁÕ£¿ÞâîµÖ»õ©è´╝îõ¢áÕ░▒Þªüõ┐ØÞ»üÕ£¿µÀ╗ÕèáÕñ®þ®║´╝êsky´╝ëÕø¥ÕâÅõ╣ïÕÉĵëìµÀ╗Õèáµÿƒµÿƒ´╝êstar´╝ëÕø¥ÕâÅ´╝Ü

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

Õªéµ×£õ¢áÕàêµö¥star´╝êµÿƒµÿƒ´╝ëÕø¥ÕâÅ´╝îÕ«âÕ░åÞó½sky(Õñ®þ®║)Õø¥ÕâÅþøûõ¢ÅÒÇé