image

µ¼óÞ┐ĵØÑþ£ïµêæõ╗¼þÜäþ¼¼õ©Çõ©¬Phaser 3 µ©©µêÅÕ«×õ¥ïµòÖþ¿ï´╝üÕ£¿µ¡ñµêæõ╗¼Õ░åÕ¡ªõ╣áµÇĵáÀÕüÜõ©Çõ©¬Õ░ŵ©©µêÅ´╝îÕ«âõ╝ܵ£ëõ©¬þĮի´╝êplayer´╝ëÕ£¿Õ╣│ÕÅ░´╝êplatform´╝ëõ©èµØÑÕø×ÞÀæÒÇüÞÀ│´╝îµöÂÚøåµÿƒµÿƒ´╝îÞ║▓Úü┐ÕØÅÞøïÒÇéÕ£¿µ¡ñÞ┐çþ¿ïõ©¡´╝îµêæõ╗¼Õ░åÞºúÚçèÞ┐Öõ©¬µíåµ×ÂþÜäõ©Çõ║øµá©Õ┐âþë╣µÇºÒÇé

Phaserµÿ»õ╗Çõ╣ê?

Phaserµÿ»õ©Çõ©¬HTML5µ©©µêŵíåµ×´╝îÕ«âþÜäþø«þÜäµÿ»Þ¥àÕè®Õ╝ÇÕÅæÞÇàþ£ƒµ¡úÕ┐½Úǃգ░ÕêÂõ¢£Õ╝║ÕñºþÜäÒÇüÞÀ¿µÁÅÞºêÕÖ¿þÜäHTML5µ©©µêÅÒÇé ÕüÜÞ┐Öõ©¬µíåµ×´╝îõ©╗Þªüµÿ»µâ│ÕÅæµÄÿþÄ░õ╗úµÁÅÞºêÕÖ¿´╝êÕà╝ÕÅèµíîÚØóÕÆîþº╗Õè¿õ©ñþ▒╗þ│╗þ╗ƒ´╝ëþÜäõ╝ÿþé╣´╝îÒÇéÕ»╣µÁÅÞºêÕÖ¿þÜäÕö»õ©ÇÞªüµ▒éµÿ»´╝îµö»µîüþö╗Õ©â´╝êcanvas´╝ëµáçþ¡¥ÒÇé

Õƒ║µ£¼Þªüµ▒é

õ©ïÞ¢¢Þ┐Öõ©¬zipµûçõ╗´╝îÕ«âÕɽµ£ëµ£¼µòÖþ¿ïµ»Åõ©Çµ¡ÑþÜäõ╗úþáüÕÆîÞÁäµ║ÉÒÇé

õ¢áÚ£ÇÞªüµ£ëõ©Çþé╣ÚØ×Õ©©ÒÇüÚØ×Õ©©Õƒ║þíÇþÜäJavaScriptþƒÑÞ»åÒÇé

õ╣ƒÞ»Àþí«Þ«ñ´╝îõ¢áÕÀ▓þ╗ÅÞ»╗Þ┐çÒÇèÞÁÀµ¡ÑµîçÕìùÒÇï´╝îÕ«âõ╝ÜÕ╝òÕ»╝õ¢áµÇĵáÀõ©ïÞ¢¢Phaser´╝îµÉ¡Õ╗║µ£¼Õ£░Õ╝ÇÕÅæþÄ»Õóâ´╝îÕåìÞ«®õ¢áþ£ïõ©Çþ£╝PhaserÕÀÑþ¿ïþÜäþ╗ôµ×äÕÅèÕàµá©Õ┐âÕ碵ò░ÒÇé

Õªéµ×£õ¢áÕÀ▓þ╗Åþ£ïÞ┐çÒÇèÞÁÀµ¡ÑµîçÕìùÒÇï´╝îÚéúõ╣êÕ║öÕ¢ôõ©ïÞ¢¢õ║åPhaser´╝îÕÀ▓þ╗ŵèèõ©ÇÕêçµÉ¡Õ╗║ÕÑ¢´╝îÕçåÕñçÕÑ¢ÕåÖõ╗úþáüõ║åÒÇéÞ»Àõ©ïÞ¢¢µ£¼µòÖþ¿ïµëÇÚ£ÇÞÁäµ║É´╝îÕ╣ÂÞºúÕÄïÕê░õ¢áþÜäwebµ£ìÕèíÕÖ¿µá╣þø«Õ¢òõ©ïÒÇé

Õ£¿õ¢áþÜäþ╝ûÞ¥æÕÖ¿õ©¡ÚÇëõ©¡ÒÇüµëôÕ╝Çpart1.htmlÚíÁÚØó´╝îÞ«®µêæõ╗¼Þ»ªþ╗åþ£ïþ£ïÕ«âþÜäõ╗úþáüÒÇéÕëìÚØóµÿ»õ©ÇÕ░ŵ«ÁHTMLµáÀµØ┐õ╗úþáü´╝îÕ«âÕ╝òÕàÑõ║åPhaser´╝øµÄÑõ©ïµØÑþÜäõ╗úþáüþ╗ôµ×äÕªéõ©ï´╝Ü

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);

function preload ()
{
}

function create ()
{
}

function update ()
{
}

Þ┐Öõ©¬config´╝êÚàìþ¢«´╝ëÕ»╣Þ▒íµäÅÕæ│þØÇõ¢áµÇÄõ╣êÚàìþ¢«Phaserµ©©µêÅÒÇéµ£ëÕ¥êÕñÜÚÇëÚí╣ÕÅ»õ╗ѵö¥Õ£¿Þ┐Öõ©¬Õ»╣Þ▒íÚçî´╝îÕ¢ôõ¢áþÜäPhaserþƒÑÞ»åÕó×Õèáµù´╝îõ¢áõ╝Üþó░Õê░Õ«âõ╗¼ÒÇéõ©ìÞ┐çÕ£¿µ£¼µòÖþ¿ïõ©¡´╝îµêæõ╗¼ÕŬµëôþ«ùÞ«¥þ¢«µ©▓µƒôÕÖ¿´╝êrenderer´╝ëÒÇüÕ░║Õ»©ÕÆîÚ╗ÿÞ«ñScene´╝êÕ£║µÖ»´╝ëÒÇé

õ©Çõ©¬Phaser.GameÕ»╣Þ▒íÕ«×õ¥ï´╝êinstance´╝ëÞÁïÕÇ╝þ╗Öõ©Çõ©¬ÕŽgameþÜäÕ▒ÇÚâ¿ÕÅÿÚçÅ´╝îõ©èÞ┐░Úàìþ¢«Õ»╣Þ▒íõ╝áþ╗ÖÞ┐Öõ©¬Õ«×õ¥ïÒÇéÞ┐ÖÕ░åÕ╝ÇÕºïÕÉ»Õè¿PhaserþÜäÞ┐çþ¿ïÒÇé

Õ£¿Phaser 2 õ©¡´╝îÕ»╣Þ▒ígameþö¿õ¢£Õçáõ╣ĵëǵ£ëÕåàÚâ¿þ│╗þ╗ƒþÜäÕàÑÕÅú´╝îÕ╣ÂÕ©©Õ©©µÿ»ÚÇÜÞ┐çÕà¿Õ▒ÇÕÅÿÚçÅÞ«┐Úù«Õ«âÒÇéÕ£¿Phaser 3 õ©¡õ©ìÕåìժ鵡ñ´╝îÕ£¿Õà¿Õ▒ÇÕÅÿÚçÅõ©¡Õ¡ÿÕ鿵©©µêÅÕ«×õ¥ïõ©ìÕåìµ£ëþö¿ÒÇé

Õ▒׵ǺtypeÕÅ»õ╗ѵÿ»Phaser.CANVAS´╝îµêûÞÇàPhaser.WEBGL´╝îµêûÞÇàPhaser.AUTOÒÇéÞ┐Öµÿ»õ¢áÞªüþ╗Öõ¢áþÜ䵩©µêÅõ¢┐þö¿þÜ䵩▓µƒôþÄ»Õóâ´╝êcontext´╝ëÒÇéµÄ¿ÞìÉÕÇ╝µÿ»Phaser.AUTO´╝îÕ«âÕ░åÞç¬Õè¿Õ░ØÞ»òõ¢┐þö¿WebGL´╝îÕªéµ×£µÁÅÞºêÕÖ¿µêûÞ«¥Õñçõ©ìµö»µîü´╝îÕ«âÕ░åÕø×ÚÇÇõ©║CanvasÒÇéPhaserþöƒµêÉþÜäþö╗Õ©âÕàâþ┤á´╝êcanvas element´╝ëÕ░åÕ¥äþø┤µÀ╗ÕèáÕê░µûçµíúõ©¡Þ░âþö¿Þäܵ£¼þÜäÚéúõ©¬Þèéþé╣õ©è´╝îõ©ìÞ┐çõ╣ƒÕÅ»õ╗ÑÕ£¿µ©©µêÅÚàìþ¢«õ©¡µîçÕ«Üõ©Çõ©¬þêÂÕ«╣ÕÖ¿´╝îÕªéµ×£õ¢áÚ£ÇÞªüþÜäÞ»ØÒÇé

Õ▒׵ǺwidthÕÆîheightÞ«¥Õ«Üõ║åPhaserÕì│Õ░åþöƒµêÉþÜäþö╗Õ©âÕàâþ┤áþÜäÕ░║Õ»©´╝îÕ£¿µ¡ñõ¥ïõ©¡µÿ»800 x 600 ÕâÅþ┤áÒÇéÞ┐Öµÿ»µ©©µêŵÿ¥þñ║µëÇþö¿þÜäÕêåÞ¥¿þÄç´╝îÞÇîõ¢áþÜ䵩©µêÅõ©ûþòî´╝êworld´╝ëÕÅ»õ╗ѵÿ»õ╗╗µäÅÕ░║Õ»©ÒÇé

µ£¼µòÖþ¿ïÕÉÄÚØóÞ┐ÿõ╝ܵÂëÕÅèÚàìþ¢«Õ»╣Þ▒íþÜäsceneÕ▒׵ǺþÜäµø┤ÕñÜþ╗åÞèéÒÇé