catch.jp-wiki
¥×¥í¥°¥é¥ß¥ó¥°
±Ñ¸ì³Ø½¬
ÍúÎò
¸¡º÷
Dropdown
°ìÍ÷
phaser/tutorial_01
¤ò¥Æ¥ó¥×¥ì¡¼¥È¤Ë¤·¤ÆºîÀ®
³«»Ï¹Ô:
[[Programing]] > [[Phaser]] > Tutorial 01
#title(Making your first Phaser game¤ò¤ä¤Ã¤Æ¤ß¤¿)
¹â®¤Ç¥µ¥¯¥µ¥¯³«È¯¤Ç¤¤ë¡¢HTML5/Javascript¸þ¤±2D¥²¡¼¥à¥¨...
¤³¤ì¤Ï¡¢¤½¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¡ÖMaking your first Phaser game...
¤È¤¤¤¦¤«¡¢¤Û¤È¤ó¤ÉÆüËܸìÌõ¤Ê¤ó¤À¤±¤É¡¢¤«¤Ê¤ê[[ĶÌõ¤Ã¤Ý¤¯:...
¤Á¤Ê¤ß¤Ë¡¢¤³¤ó¤Ê´¶¤¸¤Î¥²¡¼¥à¤òºî¤ë¡£
#ref(example_001a.png)
¥²¡¼¥à¤Î´°À®ÈǤϥ³¥³(Ìð°õ¥¡¼¤ÇÁàºî)
http://www.catch.jp/program/phaser/001/making_your_first_...
¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥ª¥ê¥¸¥Ê¥ëÈǤϡ¢¥³¥³(Phaser¤Î³«È¯¸µ¤Ç¤¢¤ë...
http://www.photonstorm.com/phaser/tutorial-making-your-fi...
----
* ÍøÍѾò·ï [#e134672f]
** Japanese Tutorial [#ub6ea4f0]
Copyright 2014 Yutaka Kachi released under MIT license.
´Ö°ã¤¤¤Ê¤É¤¢¤ë¤«¤âÃΤì¤Þ¤»¤ó¡£
¤â¤·¤â¸«¤Ä¤±¤¿¤é¡¢[[Twitter @y_catch:https://twitter.com/...
** Original [#s448435d]
Copyright 2006 - 2014 Photon Storm Ltd. All rights reserv...
Copyright (c) 2014 Richard Davey, Photon Storm Ltd.
Released under MIT License. see http://opensource.org/lic...
¤³¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¤ò½ñ¤¤¤¿¤Î¤Ï¡¢ Alvin Ourrad ¤È Richard ...
MIT¥é¥¤¥»¥ó¥¹¤ÊPhaserÇÛÉÛ¥»¥Ã¥È¤Ë´Þ¤Þ¤ì¤Æ¤¤¤ë¡£
----
* Ìܼ¡ [#v0dfe513]
#contents
* Phaser¤Ã¤Æ¥Ê¥Ë¡© [#z7ff7bd2]
Phaser¤Ï¡¢HTML5Âбþ¤Ç¥¯¥í¥¹¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¤ÎWeb¥²¡¼¥à³«...
¤¸¤Ä¤Ï¡¢2D¥°¥é¥Õ¥£¥Ã¥¯¥é¥¤¥Ö¥é¥ê[[Pixi.js:http://www.pixi...
PC¤È¥â¥Ð¥¤¥ë¤Î¥Þ¥ë¥Á¥×¥é¥Ã¥È¥Õ¥©¡¼¥àÂбþ¤Ç¡¢¥ª¡¼¥×¥ó¥½¡¼...
-[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]¤ò»²¾È
* ɬÍפʤâ¤Î [#j22cbfb9]
+ ¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥½¡¼¥¹¤ÈÁǺà¤ò¥À¥¦¥ó¥í¡¼¥É¤¹¤ë
-- ¤¹¤Ç¤ËPhaserËÜÂΤò¥À¥¦¥ó¥í¡¼¥ÉºÑ¤ß¤Ê¤é¡¢°Ê²¼¤Ë¤¢¤ë
-- phaser/resources/tutorials/02 Making your first game/
-- ¤Þ¤ÀPhaserËÜÂΤò¥À¥¦¥ó¥í¡¼¥É¤·¤Æ¤Ê¤¤¤Ê¤é¡¢°Ê²¼¤Î¥ê¥ó¥¯...
-- http://gametest.mobi/phaser/tutorials/02%20Making%20yo...
+ ¤È¤Ã¤Æ¤â¤È¤Ã¤Æ¤â´ðËÜŪ¤ÊJavascript¤ÎÃ챤¬É¬Í×
+ ¤¢¤È¡¢Phaser¤Ç³«È¯¤¹¤ë´Ä¶¤òÀ°¤¨¤Æ¤ª¤¯¤³¤È
--[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]¤Ë¤¹¤³¤·À°Íý¤·¤Æ¤ª¤¤¤¿
* Part.1¡§¹üÁÈ¤ß [#j63337f1]
¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥µ¥ó¥×¥ë¥Õ¥¡¥¤¥ë¤Î¤¦¤Á¡¢part1.html¤ò¥¨¥Ç...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Phaser - Making your first game, part 1</title>
<script type="text/javascript" src="js/phaser.min.js"><...
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { ...
function preload() {
}
function create() {
}
function update() {
}
</script>
</body>
</html>
¤¿¤À¤·¡¢¤¿¤À¤Î¹üÁȤߤʤΤǡ¢¤³¤Îpart1.html¤ò¥Ö¥é¥¦¥¶¤Ç³«...
** var game = new Phaser.Game ¡¦¡¦¡¦ [#nf4e4f9b]
¤Ç¤Ï¡¢Javascript¤Î1¹ÔÌÜ(°Ê²¼¤Î¤È¤³¤í)¤ò¸«¤Æ¤¤¤³¤¦¡£
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { ...
¤³¤Î¹Ô¤Ç¤Ï¡¢Phaser¤Î¥¤¥ó¥¹¥¿¥ó¥¹¤òÀ¸À®¤·¤Æ¡¢gameÊÑ¿ô¤Ë³ä...
** Éý¤È¹â¤µ [#n1da4f09]
ºÇ½é¤Î2¤Ä¤ÎÀßÄêÃͤϡ¢Éý(width = 800)¤È¹â¤µ(height = 600)...
** CANVAS¤«WebGL¤ÎÁªÂò [#df56fe6a]
3ÈÖÌܤÎÀßÄêÃͤϡ¢¡ÖPhaser.CANVAS¡×¤«¡ÖPhaser.WEBGL¡×¤«¡ÖP...
** DOM¤Ø¤ÎÁÞÆþ [#de623942]
4ÈÖÌܤÎÀßÄêÃͤϡ¢¶õ¤Ã¤Ý¤Îʸ»úÎó¤Ë¤Ê¤Ã¤Æ¤¤¤ë¤±¤É¡¢Phaser¤¬...
** ´Ø¿ô(¥¹¥Æ¡¼¥¿¥¹)¤Î³ä¤êÅö¤Æ [#k590e6bb]
ºÇ¸å¤ÎÀßÄêÃͤǡ¢Phaser¤Çɬ¿Ü¤È¤Ê¤ë´Ø¿ô¤ò¥¹¥Æ¡¼¥¿¥¹¤È¤·¤Æ...
Note: ¤³¤Î¥ª¥Ö¥¸¥§¥¯¥È¤Ë¥¹¥Æ¡¼¥¿¥¹¤òľÀܵ½Ò¤¹¤ëÊýË¡¤Ï¤«...
¤Ç¡¢¤³¤³¤Ç³ä¤êÅö¤Æ¤¿´Ø¿ô( preload()¡¢create()¡¢update())...
ÌõÃí¡§¤³¤ì¤Ï¥²¡¼¥à¤Î¿Ê¹Ô¤´¤È¤Ë¥¹¥Æ¡¼¥¿¥¹¤ò³ä¤êÅö¤Æ¤ë¡£¥¹...
* Part.2¡§¥²¡¼¥àÁǺà¤Î¥í¡¼¥É [#sc2aa036]
¤Ç¤Ï¡¢¥²¡¼¥à¤Ç»È¤¦ÁǺà¤ò»ØÄꤷ¤Æ¥í¡¼¥É¤¹¤ë¡£
preload´Ø¿ô¤ÎÃæ¤Ç¡¢game.load¥á¥½¥Ã¥É¤ò¸Æ¤Ö¤È¡¢¥²¡¼¥àÆâ¤Ë...
¤³¤ó¤Ê´¶¤¸¤Ç¡¢º£¤Þ¤Ç¶õ¤Ã¤Ý¤À¤Ã¤¿preload´Ø¿ô¤ÎÃæ¤Ëµ½Ò¤·¤Æ...
function preload() {
game.load.image('sky', 'assets/sky.png');
game.load.image('ground', 'assets/platform.png');
game.load.image('star', 'assets/star.png');
game.load.spritesheet('dude', 'assets/dude.png', 32, ...
}
Phaser¤Ç¤³¤ó¤Ê¤Õ¤¦¤Ëµ½Ò¤·¤Æ¤ª¤¯¤È¡¢¼Â¹Ô»þ¤Ë¼«Æ°Åª¤ËÁǺà...
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart2.html¤ò»²¾È¡£¤Ç¤â¡¢...
** ¥¢¥»¥Ã¥È [#f521235c]
¤Á¤Ê¤ß¤Ë¡¢¤³¤Î¤è¤¦¤ÊÁǺà¤òAssets(¥¢¥»¥Ã¥È)¤È¸Æ¤ó¤Ç¤¤¤ë¡£
¤³¤³¤Ç¤Ï¡¢3¤Ä¤Î²èÁü¤È1¤Ä¤Î¥¹¥×¥é¥¤¥È¥·¡¼¥È¤òÆɤ߹þ¤ó¤Ç¤¤...
ÁǺà¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îassets¥Õ¥©¥ë¥À¤Ë¤¢¤ë¤Î¤Ç¡¢¥Õ¥¡¥¤...
** ¥¢¥»¥Ã¥È¥¡¼ [#mcf74bd6]
¤â¤¦¤Ò¤È¤ÄÃíÌܤ·¤ÆÍߤ·¤¤¤Î¤¬¡¢game.load¥á¥½¥Ã¥É¤ÎºÇ½é¤Î°ú...
* Part.3¡§¥¹¥×¥é¥¤¥È¤Îɽ¼¨ [#c7bdeef1]
¥¹¥×¥é¥¤¥È¤Î¤³¤È¤ÏÃΤäƤ¤¤ë¤«¤Ê?
¥¹¥×¥é¥¤¥È¤È¤Ï¡¢2D¥²¡¼¥à¤Ç¥¥ã¥é¥¯¥¿¡¼¤äÇطʤΥ°¥é¥Õ¥£¥Ã...
¤Ç¤Ï¡¢¤½¤Î¥¹¥×¥é¥¤¥È¤òɽ¼¨¤µ¤»¤Æ¤ß¤è¤¦¡£¤Þ¤º¤Ï¡¢À±¤ò£±¸Ä...
create´Ø¿ô¤Ë¡¢¼¡¤Î¥³¡¼¥É¤òµ½Ò¤¹¤ë¡£
function create() {
game.add.sprite(0, 0, 'star');
}
¤Ç¡¢¤½¤Îhtml¥Õ¥¡¥¤¥ë¤ò¤¤¤Ã¤¿¤óÊݸ¤·¤Æ¡¢¥Ö¥é¥¦¥¶¤Çɽ¼¨¤µ...
#ref(example_002.png)
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart3.html¤ò»²¾È¡£¤¦¡¼¤à...
** ɽ¼¨½ç¤Ë¤Ä¤¤¤Æ [#i3e0644b]
º£¤Î¤È¤³¤í¡¢ÇطʤϹõ¿§¤Ë¤Ê¤Ã¤Æ¤¤¤ë¡£
¥¹¥×¥é¥¤¥È¤¬É½¼¨¤µ¤ì¤ë½çÈ֤ϡ¢¥³¡¼¥É¤òµ½Ò¤·¤¿½çÈ֤ˤʤ롣
¤À¤«¤é¡¢À±¤ÎÇطʤòɽ¼¨¤·¤¿¤¤¾ì¹ç¤Ï¡¢À±¤ÎÁ°¤ËÇطʤΥ¹¥×¥é...
** game.add.sprite ¥á¥½¥Ã¥É [#z603198e]
¥²¡¼¥à¤Î΢¦¤Ç¡¢game.add.sprite¥á¥½¥Ã¥É¤Ï¡¢¿·¤·¤¤[[Phaser...
** ¥²¡¼¥à¤ÎºÂɸ [#bda6626e]
¤³¤Î¡Ègame world¡É¤Ï¡¢¤¸¤Ä¤Ï¥µ¥¤¥º¤¬¸ÇÄꤵ¤ì¤Æ¤¤¤Ê¤¤¤·¡¢Ìµ...
* Part.4¡§¡Ègame world¡É¤ò¹½ÃÛ¤¹¤ë [#uda5c758]
¤Ç¤Ï¡¢¡Ègame world¡É¤ò¹½ÃÛ¤·¤Æ¤ß¤è¤¦¡£
Àè¤ÎCreate´Ø¿ô¤Î¥³¡¼¥É¤ÎÊѤï¤ê¤Ë¡¢¼¡¤Î¤è¤¦¤Ëµ½Ò¤¹¤ë¡£
var platforms;
function create() {
// ʪÍý±é»»¥¨¥ó¥¸¥ó¤È¤·¤Æ¡¢Arcade Physics¥·¥¹¥Æ¥à¤ò...
game.physics.startSystem(Phaser.Physics.ARCADE);
// ¥·¥ó¥×¥ë¤ÊÇØ·Ê
game.add.sprite(0, 0, 'sky');
// ¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¥°¥ë¡¼¥×¤ÎÀ¸À®¡£¤³¤Î¥°¥ë¡¼¥×¤Ï¡¢...
platforms = game.add.group();
// ¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¥°¥ë¡¼¥×¤Î¥ª¥Ö¥¸¥§¥¯¥È¤Ï¡¢¤¹¤Ù¤Æ...
platforms.enableBody = true;
// ¤³¤³¤Ç¡¢platforms¥°¥ë¡¼¥×¤ËÃÏÌÌ(ground)¤òÄɲ乤ë
var ground = platforms.create(0, game.world.height - ...
// ÃÏÌ̤Υµ¥¤¥º¤ò¥²¡¼¥à¤ÎÉý¤Ë¥Õ¥£¥Ã¥È¤µ¤»¤ë (¥¹¥×¥é...
ground.scale.setTo(2, 2);
// ÃÏÌ̤ò¸ÇÄꤹ¤ë
ground.body.immovable = true;
// ƱÍͤˡ¢platforms¥°¥ë¡¼¥×¤ËÄ¥¤ê½Ð¤·(ledge)¤òÄɲÃ...
var ledge = platforms.create(400, 400, 'ground');
ledge.body.immovable = true;
ledge = platforms.create(-150, 250, 'ground');
ledge.body.immovable = true;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart4.html¤ò»²¾È¡£Æ°¤«¤Ê...
ºÇ½é¤Î¥Ñ¡¼¥Ä¤Ï¡¢À±¤Î¥¹¥×¥é¥¤¥È¤ÈƱ¤¸¤À¤±¤É¡¢¥¢¥»¥Ã¥È¥¡¼...
¤³¤ÎÇطʤˤϡ¢800¡ß600¥µ¥¤¥º¤ÎPNG¥Õ¥¡¥¤¥ë¤òÆɤ߹þ¤ó¤Ç¤¤¤ë¡£
#ref(example_003.png)
** ¥°¥ë¡¼¥×µ¡Ç½¤Ë¤Ä¤¤¤Æ [#r127ae81]
Phaser¤Î¥°¥ë¡¼¥×µ¡Ç½¤Ï¡¢¤Û¤ó¤È¤¦¤Ë¶¯ÎϤÀ¡£¥°¥ë¡¼¥×µ¡Ç½¤Ï...
¼¡¤Î¥³¡¼¥É¤Ï¡¢Àè¤Û¤Éplatform¥°¥ë¡¼¥×¤òÄêµÁ¤·¤¿¤È¤¤Î¥³¡¼...
platforms = game.add.group();
¤³¤³¤Ç¤Ï¡¢platform¤È¤¤¤¦¥í¡¼¥«¥ëÊÑ¿ô¤Ë¡¢¥°¥ë¡¼¥×¥ª¥Ö¥¸¥§...
* Part.5¡§¥×¥ì¥¤¥ä¡¼¤òÍÑ°Õ¤¹¤ë [#udc77a75]
¿·¤·¤¤¥í¡¼¥«¥ëÊÑ¿ô"player"¤òÍÑ°Õ¤·¤Æ¡¢°Ê²¼¤Î¥³¡¼¥É¤òcreat...
// playerÊÑ¿ô¤òÍÑ°Õ¤·¤Æ¡¢ 'dude'¥¹¥×¥é¥¤¥È¤òÀßÄꤹ¤ë
player = game.add.sprite(32, game.world.height - 150,...
// ʪÍý±é»»¤ò¥ª¥ó¤Ë¤¹¤ë
game.physics.arcade.enable(player);
// Player¤ÎʪÍý¥×¥í¥Ñ¥Æ¥£. ¤³¤Î¤Á¤Ã¤Á¤ã¤¤¥ä¥Ä¤Ï¡¢¤¹...
player.body.bounce.y = 0.2;
player.body.gravity.y = 300;
player.body.collideWorldBounds = true;
// º¸±¦¤ËÊ⤯¤¿¤á¤Î¥¢¥Ë¥á¡¼¥·¥ç¥ó
player.animations.add('left', [0, 1, 2, 3], 10, true);
player.animations.add('right', [5, 6, 7, 8], 10, true);
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part5.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¡¢¤³¤ó¤Ê´¶¤¸¡£
º¸²¼¤Ë¸«¤¨¤ë¥×¥ì¥¤¥ä¡¼:dude¤¬¡¢ÊªÍý±é»»¤Ë¤·¤¿¤¬¤Ã¤Æ¡¢ÃÏÌÌ...
#ref(example_004.png)
** ¥¹¥×¥é¥¤¥È¥·¡¼¥È [#r7232d0b]
¤³¤³¤Ç¤Ï¡¢player¥¹¥×¥é¥¤¥È¤òÍÑ°Õ¤·¤Æ¡¢²£32¥Ô¥¯¥»¥ë¡¢¹â¤µ...
game.load.spritesheet('dude', 'assets/dude.png', 32, 48);
¥¹¥×¥é¥¤¥È¥·¡¼¥È¤Ï¡¢Ã±°ì¤Î¥¤¥á¡¼¥¸¤Ç¤Ï¤Ê¤¯¡¢Æ°¤¤òɽ¸½¤¹...
#ref(example_dude.png)
** ¥¢¥Ë¥á¡¼¥·¥ç¥ó¤ÎÄêµÁ [#f6140c56]
¥³¡¼¥É¤Ç¤Ï¡¢"left"¤È"right"¤È¤¤¤¦2¤Ä¤Î¥¢¥Ë¥á¡¼¥·¥ç¥ó¤òÄê...
player.animations.add('left', [0, 1, 2, 3], 10, true);
"left"¥¢¥Ë¥á¡¼¥·¥ç¥ó¤Ï¡¢¥¹¥×¥é¥¤¥È¥·¡¼¥È¤Îº¸¤«¤é0, 1, 2, ...
¤¢¤È¡¢ÊªÍýŪ¤Ê¥Ñ¥é¥á¡¼¥¿¤â¡¢¤¹¤³¤·ÀßÄꤷ¤Æ¤¢¤ë¡£
Note: Phaser¤Ï¡¢¥¹¥×¥é¥¤¥È¤Îȿžµ¡Ç½¤ò¥µ¥Ý¡¼¥È¤·¤Æ¡¢¥¢¥Ë...
** ʪÍý±é»» [#d6e2a466]
Phaser¤Ï¡¢¤¤¤¯¤Ä¤«¤Î°Û¤Ê¤ëʪÍý±é»»¥¨¥ó¥¸¥ó¤ò¥µ¥Ý¡¼¥È¤·¤Æ...
°ìÅÙ¡¢¥¹¥×¥é¥¤¥È¤Ë¡¢[[ArcadePhysics.Body.:http://docs.pha...
player.body.gravity.y = 300;
¤³¤ì¤Ï¡¢¥Æ¥¥È¡¼¤ÊÎã¤À¤±¤É¡¢¤½¤ì¤Ê¤ê¤ËÆ°ºî¤¹¤ë¡£ÀßÄêÃͤ¬...
*Part.6¡§¾×ÆÍȽÄê¤Èupdate´Ø¿ô [#f92bf2e6]
¤µ¤Æ¡¢¤É¤¦¤·¤Æ¤³¤ó¤Ê¤Õ¤¦¤Ë¤Ê¤Ã¤Æ¤·¤Þ¤¦¤«¤È¸À¤¦¤È¡¢¤Þ¤À¡¢...
ÃÏÌÌ¥¹¥×¥é¥¤¥È¤Ï¡¢¤â¤È¤â¤ÈÆ°¤¯ÊªÂΤÇ(¥À¥¤¥Ê¥ß¥Ã¥¯¥Ü¥Ç¥£¤È...
** ¾×ÆÍȽÄê [#kd91ab9c]
¤µ¤Æ¡¢¤è¤¦¤ä¤¯¾×ÆÍȽÄê¤Ë¤Ä¤¤¤ÆÀâÌÀ¤Ç¤¤ë¡£
update´Ø¿ô¤Ë¡¢¼¡¤Î¤è¤¦¤Ë¥×¥ì¥¤¥ä¡¼¤Î¾×ÆÍȽÄê¤òÀßÄꤷ¤è¤¦¡£
function update() {
// ¥×¥ì¥¤¥ä¡¼¤Èplatform¥°¥ë¡¼¥×¤Ë¾×ÆÍȽÄê¤òÄɲÃ
game.physics.arcade.collide(player, platforms);
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part6.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¤³¤ó¤Ê´¶¤¸¡£
#ref(example_005.png)
** update´Ø¿ô [#s89afead]
update´Ø¿ô¤Ï¡¢¥Õ¥ì¡¼¥à¤´¤È¤Ë¸Æ¤Ó½Ð¤µ¤ì¤ë¥²¡¼¥à¤Î¤¯¤êÊÖ¤·...
¤³¤ÎÎã¤Ç¤Ï¡¢¥×¥ì¥¤¥ä¡¼¥¹¥×¥é¥¤¥È¤Èplatform¥°¥ë¡¼¥×¤¬ÂоÝ...
¤ä¤Ã¤ÈÃÏÌ̤ËΩ¤Ã¤¿¡£
* Part.7¡§¥¡¼¥Ü¡¼¥ÉÁàºî [#h6f41a54]
¾×ÆÍȽÄê¤Ï¡¢¤³¤ì¤ÇOK¡£¤À¤±¤É¡¢¤Þ¤À¥×¥ì¥¤¥ä¡¼¤¬Æ°¤«¤Ê¤¤¡£...
cursors = game.input.keyboard.createCursorKeys();
¤³¤Î´Ø¿ô¤Ë¤Ï¡¢¾å(up)¡¢²¼(down)¡¢º¸(left)¡¢±¦(right)¤È¤¤¤¦...
¤¢¤È¤Ï¡¢update´Ø¿ô¤ÎÃæ¤Ë¡¢¤³¤ó¤Ê´¶¤¸¤Î¥³¡¼¥É¤ò½ñ¤¤¤Æ¤ä¤ì...
// ¥×¥ì¥¤¥ä¡¼¤Î°Üư®ÅÙ¤ò¥ê¥»¥Ã¥È
player.body.velocity.x = 0;
if (cursors.left.isDown)
{
// º¸¤Ø°ÜÆ°
player.body.velocity.x = -150;
player.animations.play('left');
}
else if (cursors.right.isDown)
{
// ±¦¤Ø°ÜÆ°
player.body.velocity.x = 150;
player.animations.play('right');
}
else
{
// ¤½¤Î¤Þ¤Þ
player.animations.stop();
player.frame = 4;
}
// ¾åÌð°õ¥¡¼¤¬¤ª¤µ¤ì¤Æ¡¢¤«¤Ä¥×¥ì¥¤¥ä¡¼¤¬ÃÏÌ̤ˤĤ¤...
if (cursors.up.isDown && player.body.touching.down)
{
player.body.velocity.y = -350;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part7.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¡¢¤³¤ó¤Ê´¶¤¸¡£
#ref(example_006.png)
¤Ä¤¤¤Ë¡¢¥¡¼¥Ü¡¼¥É¤ÇÁàºî¤Ç¤¤¿!
** ¥×¥ì¥¤¥ä¡¼¤òÆ°¤«¤¹¥³¡¼¥É [#n5a2cfb4]
¤³¤³¤Ç¤Ï¡¢¥³¡¼¥É¤ò¿¤á¤ËÄɲä·¤¿¤Î¤Ç¡¢¤Á¤ç¤Ã¤È²òÀ⤷¤Æ¤ß...
¤Þ¤ººÇ½é¤Ë¡¢¿åÊ¿Êý¸þ¤Î®ÅÙ(°ÜÆ°ÎÌ)¤ò¥ê¥»¥Ã¥È¤·¤Æ¤¤¤ë¡£¤½...
¤³¤³¤Ç¤Ï¡¢¥Õ¥ì¡¼¥à¤´¤È¤Ë¡¢Â®ÅÙ¤ò¥¯¥ê¥¢¤·¤Æ¤«¤é°ÜÆ°Êý¸þ¤ò...
ºÇ¸å¤Î¥³¡¼¥É¤Ç¤Ï¡¢²¿¤â¥¡¼¤¬²¡¤µ¤ì¤Æ¤¤¤Ê¤¤¤È¤¡¢¥×¥ì¥¤¥ä...
** ¥¸¥ã¥ó¥× [#k8d35401]
¥³¡¼¥É¤ÎºÇ¸å¤Î¥Ñ¡¼¥È¤Ï¡¢¥¸¥ã¥ó¥×µ¡Ç½¤òÄɲ䷤Ƥ¤¤ë¡£¾åÌð...
¥¸¥ã¥ó¥×¤·¤¿¥×¥ì¥¤¥ä¡¼¤Ï¡¢¼«Æ°Åª¤ËÍî¤Á¤Æ¤¤¤¡¢platoform¥°...
¥¡¼¤ò²¡¤·¤Æ¡¢¥×¥ì¥¤¥ä¡¼¤ò¤¤¤í¤¤¤í¥³¥ó¥È¥í¡¼¥ë¤·¤Æ¡¢game ...
* Part.8¡§À±¤Î¤«¤¬¤ä¤ [#j8d842df]
¤Ç¤Ï¡¢¥²¡¼¥à¤ËÌÜŪ¤ËÉÕ¤±²Ã¤¨¤è¤¦¡£¥²¡¼¥à²èÌ̤ËÀ±¤ò¤Þ¤¤Á...
¤½¤³¤Ç¡¢"stars"¥°¥ë¡¼¥×¤ò¤·¤Æ¡¢ÀßÃÖ¤¹¤ë¡£¤³¤Î¥²¡¼¥à¤Îcr...
stars = game.add.group();
stars.enableBody = true;
// 12¸Ä¤ÎÀ±¤òÅù´Ö³Ö¤ËÇÛÃÖ¤¹¤ë
for (var i = 0; i < 12; i++)
{
// 'stars'¥°¥ë¡¼¥×¤ÎÃæ¤Ë¡¢À±¤òÀ¸À®¤¹¤ë
var star = stars.create(i * 70, 0, 'star');
// À±¤Ë½ÅÎϤòÀßÄꤹ¤ë
star.body.gravity.y = 6;
// À±¤Ë¤Ï¡¢¥é¥ó¥À¥à¤Ê¤Ï¤Í¤«¤¨¤ê¶ñ¹ç¤òÀßÄꤹ¤ë
star.body.bounce.y = 0.7 + Math.random() * 0.2;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart8.html¤ò»²¾È¡£¤³¤ì¤Ç...
#ref(example_007.png)
** À±¤Î°À [#w2d45f76]
À±¤òºî¤ë¼ê½ç¤Ï¡¢platform¥°¥ë¡¼¥×¤òºî¤Ã¤¿¤È¤¤È¤Û¤ÜƱ¤¸¤À...
¤½¤ì¤«¤é¡¢¥×¥ì¥¤¥ä¡¼¤Ë½ÅÎϤòÍ¿¤¨¤¿¤Î¤ÈƱ¤¸¤è¤¦¤Ë¡¢À±¤Ë¤â...
** À±¤Î¾×ÆÍȽÄê [#y74c2d9f]
¤À¤±¤É¡¢¾×ÆÍȽÄ꤬¤Ê¤¤¤È¡¢À±¤Ïplatoform¤òÄ̤êÈ´¤±¤Æ¤·¤Þ¤¦...
game.physics.arcade.collide(stars, platforms);
¤â¤Á¤í¤ó¡¢¼¡¤Î¤è¤¦¤Ë¡¢¥×¥ì¥¤¥ä¡¼¤ÈÀ±¤¬¤Ö¤Ä¤«¤Ã¤¿»þ¤Î½èÍý...
game.physics.arcade.overlap(player, stars, collectStar, ...
¤³¤Î¥³¡¼¥É¤Ç¤Ï¡¢¥×¥ì¥¤¥ä¡¼¤ÈÀ±¤Î¤É¤ì¤«¤¬½Å¤Ê¤Ã¤¿¤é¡¢¼¡¤Îc...
function collectStar (player, star) {
// ²èÌ̤«¤éÀ±¤ò¾Ã¤¹
star.kill();
}
²èÌ̤«¤éÀ±¤ò¾Ã¤¹¤Ë¤Ï¡¢kill¥á¥½¥Ã¥É¤ò¸Æ¤Ó½Ð¤¹¤À¤±¡£
¤³¤ì¤Ç¡¢¤³¤Î¥²¡¼¥à¤ò¼Â¹Ô¤¹¤ë¤È¡¢¥×¥ì¥¤¥ä¡¼¤¬Áö¤Ã¤¿¤ê¡¢¥¸...
* Part.9: ºÇ¸å¤Î»Å¾å¤² [#s32ae67d]
¤µ¤¢ºÇ¸å¤Ë¡¢ÆÀÅÀ¤òɽ¼¨¤¹¤ë¤è¤¦²þÎɤ·¤Æ¤ß¤è¤¦¡£¤½¤Î¤¿¤á¤Ë...
var score = 0;
var scoreText;
create´Ø¿ô¤Î¤È¤³¤í¤Ç¡¢¤³¤ÎscoreText¥ª¥Ö¥¸¥§¥¯¥È¤òÀ¸À®¤¹¤ë¡£
scoreText = game.add.text(16, 16, 'score: 0', { fontSize...
16x16¤Ï¡¢¥Æ¥¥¹¥È¤òɽ¼¨¤¹¤ë°ÌÃÖ¡£'score: 0'¤Ï¡¢É½¼¨¤¹¤ëʸ...
¼¡¤Ë¡¢collectStar´Ø¿ô¤ò²þÎɤ·¤Æ¡¢¥×¥ì¥¤¥ä¡¼¤¬À±¤ò½¸¤á¤¿¤È...
function collectStar (player, star) {
// À±¤ò²èÌ̤«¤é¾Ã¤¹
star.kill();
// ÆÀÅÀ¤ò¥¢¥Ã¥×¤·¤Æ¡¢ºÆÅÙɽ¼¨
score += 10;
scoreText.text = 'Score: ' + score;
}
À±¤ò½¸¤á¤ë¤¿¤Ó¤Ë¡¢10¥Ý¥¤¥ó¥È¤òÄɲ䷤ơ¢scoreText¤òºÆɽ¼¨...
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart9.html¤ò»²¾È¡£¤³¤ì¤Ç...
#ref(example_001a.png)
´°À®¤·¤¿¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart9.html¤ò»²¾È¡£
¤³¤³¤Ç¤â¡¢»î¤¹¤³¤È¤¬¤Ç¤¤ë¡£
http://www.catch.jp/program/phaser/001/making_your_first_...
* ¤Þ¤È¤á [#c3f24cad]
¤µ¤ì¤³¤ì¤Ç¡¢Phaser¤ò»È¤Ã¤¿´Êñ¤Ê¥²¡¼¥à¤Îºî¤êÊý¤òÍý²ò¤·¤¿...
¤â¤Á¤í¤ó¡¢¤â¤Ã¤È¤¤¤í¤¤¤í¤Êµ¡Ç½¤òÉÕ¤±²Ã¤¨¤ë¤³¤È¤â¤Ç¤¤ë¤À...
¹¶·âŪ¤Ê¥²¡¼¥à¤ÎÂå¤ï¤ê¤Ë¡¢°ìÄê»þ´ÖÆâ¤Ë¤É¤ì¤À¤±À±¤ò½¸¤á¤ë...
¤¢¤È[[250¸Ä°Ê¾å¤¢¤ë¥³¡¼¥É¥µ¥ó¥×¥ë:http://examples.phaser....
µ¿ÌäÅÀ¤¬¤¢¤ë¤Ê¤é¡¢[[Phaser¥Õ¥©¡¼¥é¥àhttp://www.html5gamed...
----
* ¤µ¤é¤Ë²þÎɤ·¤Æ¤ß¤¿ [#e553cc7e]
¤³¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥²¡¼¥à¤ò¡¢Æȼ«¤Ë²þÎɤ·¤Æ°ìÃʤȥ²¡¼¥à...
-[[Phaser¤Î¥²¡¼¥à¤ò²þÎɤ·¤Æ¤ß¤¿>phaser/tutorial_02]]
²þÎÉÅÀ¤Ï¡¢¤³¤ó¤Ê´¶¤¸¡£
- ¥ë¡¼¥ë¡ÊÀ±¤¬¤É¤ó¤É¤óÁý¤¨¤Æ¤¤¤¯¡£À©¸Â»þ´ÖÀ©¡Ë
- ¥¿¥¤¥Þ¡¼¤ò»È¤¤¡¢»þ´ÖÀ©¸Â¥²¡¼¥à¤Ë¤·¤¿
- Phaser¤ËƱº¤ÎBasic Project Template¤ò»È¤¦
- ¥°¥í¡¼¥Ð¥ëÊÑ¿ô¤ò»È¤ï¤º¡¢¥²¡¼¥à¤Î¥¹¥Æ¡¼¥¿¥¹¤¬Á«°Ü¤·¤Æ¤¤¤¯
- ¥á¥¤¥ó¥á¥Ë¥å¡¼¤È¥²¡¼¥à¥ª¡¼¥Ð¡¼²èÌ̤ÎÄɲÃ
- ¸ú²Ì²»
* ´ØÏ¢»ñÎÁ [#gd664ba0]
-[[Phaser:http://phaser.io/]]¡¡¥ª¥Õ¥£¥·¥ã¥ë¥µ¥¤¥È
-[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]
-[[Phaser tutorial:http://www.lessmilk.com/phaser-tutoria...
½ªÎ»¹Ô:
[[Programing]] > [[Phaser]] > Tutorial 01
#title(Making your first Phaser game¤ò¤ä¤Ã¤Æ¤ß¤¿)
¹â®¤Ç¥µ¥¯¥µ¥¯³«È¯¤Ç¤¤ë¡¢HTML5/Javascript¸þ¤±2D¥²¡¼¥à¥¨...
¤³¤ì¤Ï¡¢¤½¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¡ÖMaking your first Phaser game...
¤È¤¤¤¦¤«¡¢¤Û¤È¤ó¤ÉÆüËܸìÌõ¤Ê¤ó¤À¤±¤É¡¢¤«¤Ê¤ê[[ĶÌõ¤Ã¤Ý¤¯:...
¤Á¤Ê¤ß¤Ë¡¢¤³¤ó¤Ê´¶¤¸¤Î¥²¡¼¥à¤òºî¤ë¡£
#ref(example_001a.png)
¥²¡¼¥à¤Î´°À®ÈǤϥ³¥³(Ìð°õ¥¡¼¤ÇÁàºî)
http://www.catch.jp/program/phaser/001/making_your_first_...
¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥ª¥ê¥¸¥Ê¥ëÈǤϡ¢¥³¥³(Phaser¤Î³«È¯¸µ¤Ç¤¢¤ë...
http://www.photonstorm.com/phaser/tutorial-making-your-fi...
----
* ÍøÍѾò·ï [#e134672f]
** Japanese Tutorial [#ub6ea4f0]
Copyright 2014 Yutaka Kachi released under MIT license.
´Ö°ã¤¤¤Ê¤É¤¢¤ë¤«¤âÃΤì¤Þ¤»¤ó¡£
¤â¤·¤â¸«¤Ä¤±¤¿¤é¡¢[[Twitter @y_catch:https://twitter.com/...
** Original [#s448435d]
Copyright 2006 - 2014 Photon Storm Ltd. All rights reserv...
Copyright (c) 2014 Richard Davey, Photon Storm Ltd.
Released under MIT License. see http://opensource.org/lic...
¤³¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¤ò½ñ¤¤¤¿¤Î¤Ï¡¢ Alvin Ourrad ¤È Richard ...
MIT¥é¥¤¥»¥ó¥¹¤ÊPhaserÇÛÉÛ¥»¥Ã¥È¤Ë´Þ¤Þ¤ì¤Æ¤¤¤ë¡£
----
* Ìܼ¡ [#v0dfe513]
#contents
* Phaser¤Ã¤Æ¥Ê¥Ë¡© [#z7ff7bd2]
Phaser¤Ï¡¢HTML5Âбþ¤Ç¥¯¥í¥¹¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¤ÎWeb¥²¡¼¥à³«...
¤¸¤Ä¤Ï¡¢2D¥°¥é¥Õ¥£¥Ã¥¯¥é¥¤¥Ö¥é¥ê[[Pixi.js:http://www.pixi...
PC¤È¥â¥Ð¥¤¥ë¤Î¥Þ¥ë¥Á¥×¥é¥Ã¥È¥Õ¥©¡¼¥àÂбþ¤Ç¡¢¥ª¡¼¥×¥ó¥½¡¼...
-[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]¤ò»²¾È
* ɬÍפʤâ¤Î [#j22cbfb9]
+ ¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥½¡¼¥¹¤ÈÁǺà¤ò¥À¥¦¥ó¥í¡¼¥É¤¹¤ë
-- ¤¹¤Ç¤ËPhaserËÜÂΤò¥À¥¦¥ó¥í¡¼¥ÉºÑ¤ß¤Ê¤é¡¢°Ê²¼¤Ë¤¢¤ë
-- phaser/resources/tutorials/02 Making your first game/
-- ¤Þ¤ÀPhaserËÜÂΤò¥À¥¦¥ó¥í¡¼¥É¤·¤Æ¤Ê¤¤¤Ê¤é¡¢°Ê²¼¤Î¥ê¥ó¥¯...
-- http://gametest.mobi/phaser/tutorials/02%20Making%20yo...
+ ¤È¤Ã¤Æ¤â¤È¤Ã¤Æ¤â´ðËÜŪ¤ÊJavascript¤ÎÃ챤¬É¬Í×
+ ¤¢¤È¡¢Phaser¤Ç³«È¯¤¹¤ë´Ä¶¤òÀ°¤¨¤Æ¤ª¤¯¤³¤È
--[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]¤Ë¤¹¤³¤·À°Íý¤·¤Æ¤ª¤¤¤¿
* Part.1¡§¹üÁÈ¤ß [#j63337f1]
¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥µ¥ó¥×¥ë¥Õ¥¡¥¤¥ë¤Î¤¦¤Á¡¢part1.html¤ò¥¨¥Ç...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Phaser - Making your first game, part 1</title>
<script type="text/javascript" src="js/phaser.min.js"><...
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
<script type="text/javascript">
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { ...
function preload() {
}
function create() {
}
function update() {
}
</script>
</body>
</html>
¤¿¤À¤·¡¢¤¿¤À¤Î¹üÁȤߤʤΤǡ¢¤³¤Îpart1.html¤ò¥Ö¥é¥¦¥¶¤Ç³«...
** var game = new Phaser.Game ¡¦¡¦¡¦ [#nf4e4f9b]
¤Ç¤Ï¡¢Javascript¤Î1¹ÔÌÜ(°Ê²¼¤Î¤È¤³¤í)¤ò¸«¤Æ¤¤¤³¤¦¡£
var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { ...
¤³¤Î¹Ô¤Ç¤Ï¡¢Phaser¤Î¥¤¥ó¥¹¥¿¥ó¥¹¤òÀ¸À®¤·¤Æ¡¢gameÊÑ¿ô¤Ë³ä...
** Éý¤È¹â¤µ [#n1da4f09]
ºÇ½é¤Î2¤Ä¤ÎÀßÄêÃͤϡ¢Éý(width = 800)¤È¹â¤µ(height = 600)...
** CANVAS¤«WebGL¤ÎÁªÂò [#df56fe6a]
3ÈÖÌܤÎÀßÄêÃͤϡ¢¡ÖPhaser.CANVAS¡×¤«¡ÖPhaser.WEBGL¡×¤«¡ÖP...
** DOM¤Ø¤ÎÁÞÆþ [#de623942]
4ÈÖÌܤÎÀßÄêÃͤϡ¢¶õ¤Ã¤Ý¤Îʸ»úÎó¤Ë¤Ê¤Ã¤Æ¤¤¤ë¤±¤É¡¢Phaser¤¬...
** ´Ø¿ô(¥¹¥Æ¡¼¥¿¥¹)¤Î³ä¤êÅö¤Æ [#k590e6bb]
ºÇ¸å¤ÎÀßÄêÃͤǡ¢Phaser¤Çɬ¿Ü¤È¤Ê¤ë´Ø¿ô¤ò¥¹¥Æ¡¼¥¿¥¹¤È¤·¤Æ...
Note: ¤³¤Î¥ª¥Ö¥¸¥§¥¯¥È¤Ë¥¹¥Æ¡¼¥¿¥¹¤òľÀܵ½Ò¤¹¤ëÊýË¡¤Ï¤«...
¤Ç¡¢¤³¤³¤Ç³ä¤êÅö¤Æ¤¿´Ø¿ô( preload()¡¢create()¡¢update())...
ÌõÃí¡§¤³¤ì¤Ï¥²¡¼¥à¤Î¿Ê¹Ô¤´¤È¤Ë¥¹¥Æ¡¼¥¿¥¹¤ò³ä¤êÅö¤Æ¤ë¡£¥¹...
* Part.2¡§¥²¡¼¥àÁǺà¤Î¥í¡¼¥É [#sc2aa036]
¤Ç¤Ï¡¢¥²¡¼¥à¤Ç»È¤¦ÁǺà¤ò»ØÄꤷ¤Æ¥í¡¼¥É¤¹¤ë¡£
preload´Ø¿ô¤ÎÃæ¤Ç¡¢game.load¥á¥½¥Ã¥É¤ò¸Æ¤Ö¤È¡¢¥²¡¼¥àÆâ¤Ë...
¤³¤ó¤Ê´¶¤¸¤Ç¡¢º£¤Þ¤Ç¶õ¤Ã¤Ý¤À¤Ã¤¿preload´Ø¿ô¤ÎÃæ¤Ëµ½Ò¤·¤Æ...
function preload() {
game.load.image('sky', 'assets/sky.png');
game.load.image('ground', 'assets/platform.png');
game.load.image('star', 'assets/star.png');
game.load.spritesheet('dude', 'assets/dude.png', 32, ...
}
Phaser¤Ç¤³¤ó¤Ê¤Õ¤¦¤Ëµ½Ò¤·¤Æ¤ª¤¯¤È¡¢¼Â¹Ô»þ¤Ë¼«Æ°Åª¤ËÁǺà...
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart2.html¤ò»²¾È¡£¤Ç¤â¡¢...
** ¥¢¥»¥Ã¥È [#f521235c]
¤Á¤Ê¤ß¤Ë¡¢¤³¤Î¤è¤¦¤ÊÁǺà¤òAssets(¥¢¥»¥Ã¥È)¤È¸Æ¤ó¤Ç¤¤¤ë¡£
¤³¤³¤Ç¤Ï¡¢3¤Ä¤Î²èÁü¤È1¤Ä¤Î¥¹¥×¥é¥¤¥È¥·¡¼¥È¤òÆɤ߹þ¤ó¤Ç¤¤...
ÁǺà¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îassets¥Õ¥©¥ë¥À¤Ë¤¢¤ë¤Î¤Ç¡¢¥Õ¥¡¥¤...
** ¥¢¥»¥Ã¥È¥¡¼ [#mcf74bd6]
¤â¤¦¤Ò¤È¤ÄÃíÌܤ·¤ÆÍߤ·¤¤¤Î¤¬¡¢game.load¥á¥½¥Ã¥É¤ÎºÇ½é¤Î°ú...
* Part.3¡§¥¹¥×¥é¥¤¥È¤Îɽ¼¨ [#c7bdeef1]
¥¹¥×¥é¥¤¥È¤Î¤³¤È¤ÏÃΤäƤ¤¤ë¤«¤Ê?
¥¹¥×¥é¥¤¥È¤È¤Ï¡¢2D¥²¡¼¥à¤Ç¥¥ã¥é¥¯¥¿¡¼¤äÇطʤΥ°¥é¥Õ¥£¥Ã...
¤Ç¤Ï¡¢¤½¤Î¥¹¥×¥é¥¤¥È¤òɽ¼¨¤µ¤»¤Æ¤ß¤è¤¦¡£¤Þ¤º¤Ï¡¢À±¤ò£±¸Ä...
create´Ø¿ô¤Ë¡¢¼¡¤Î¥³¡¼¥É¤òµ½Ò¤¹¤ë¡£
function create() {
game.add.sprite(0, 0, 'star');
}
¤Ç¡¢¤½¤Îhtml¥Õ¥¡¥¤¥ë¤ò¤¤¤Ã¤¿¤óÊݸ¤·¤Æ¡¢¥Ö¥é¥¦¥¶¤Çɽ¼¨¤µ...
#ref(example_002.png)
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart3.html¤ò»²¾È¡£¤¦¡¼¤à...
** ɽ¼¨½ç¤Ë¤Ä¤¤¤Æ [#i3e0644b]
º£¤Î¤È¤³¤í¡¢ÇطʤϹõ¿§¤Ë¤Ê¤Ã¤Æ¤¤¤ë¡£
¥¹¥×¥é¥¤¥È¤¬É½¼¨¤µ¤ì¤ë½çÈ֤ϡ¢¥³¡¼¥É¤òµ½Ò¤·¤¿½çÈ֤ˤʤ롣
¤À¤«¤é¡¢À±¤ÎÇطʤòɽ¼¨¤·¤¿¤¤¾ì¹ç¤Ï¡¢À±¤ÎÁ°¤ËÇطʤΥ¹¥×¥é...
** game.add.sprite ¥á¥½¥Ã¥É [#z603198e]
¥²¡¼¥à¤Î΢¦¤Ç¡¢game.add.sprite¥á¥½¥Ã¥É¤Ï¡¢¿·¤·¤¤[[Phaser...
** ¥²¡¼¥à¤ÎºÂɸ [#bda6626e]
¤³¤Î¡Ègame world¡É¤Ï¡¢¤¸¤Ä¤Ï¥µ¥¤¥º¤¬¸ÇÄꤵ¤ì¤Æ¤¤¤Ê¤¤¤·¡¢Ìµ...
* Part.4¡§¡Ègame world¡É¤ò¹½ÃÛ¤¹¤ë [#uda5c758]
¤Ç¤Ï¡¢¡Ègame world¡É¤ò¹½ÃÛ¤·¤Æ¤ß¤è¤¦¡£
Àè¤ÎCreate´Ø¿ô¤Î¥³¡¼¥É¤ÎÊѤï¤ê¤Ë¡¢¼¡¤Î¤è¤¦¤Ëµ½Ò¤¹¤ë¡£
var platforms;
function create() {
// ʪÍý±é»»¥¨¥ó¥¸¥ó¤È¤·¤Æ¡¢Arcade Physics¥·¥¹¥Æ¥à¤ò...
game.physics.startSystem(Phaser.Physics.ARCADE);
// ¥·¥ó¥×¥ë¤ÊÇØ·Ê
game.add.sprite(0, 0, 'sky');
// ¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¥°¥ë¡¼¥×¤ÎÀ¸À®¡£¤³¤Î¥°¥ë¡¼¥×¤Ï¡¢...
platforms = game.add.group();
// ¥×¥é¥Ã¥È¥Õ¥©¡¼¥à¥°¥ë¡¼¥×¤Î¥ª¥Ö¥¸¥§¥¯¥È¤Ï¡¢¤¹¤Ù¤Æ...
platforms.enableBody = true;
// ¤³¤³¤Ç¡¢platforms¥°¥ë¡¼¥×¤ËÃÏÌÌ(ground)¤òÄɲ乤ë
var ground = platforms.create(0, game.world.height - ...
// ÃÏÌ̤Υµ¥¤¥º¤ò¥²¡¼¥à¤ÎÉý¤Ë¥Õ¥£¥Ã¥È¤µ¤»¤ë (¥¹¥×¥é...
ground.scale.setTo(2, 2);
// ÃÏÌ̤ò¸ÇÄꤹ¤ë
ground.body.immovable = true;
// ƱÍͤˡ¢platforms¥°¥ë¡¼¥×¤ËÄ¥¤ê½Ð¤·(ledge)¤òÄɲÃ...
var ledge = platforms.create(400, 400, 'ground');
ledge.body.immovable = true;
ledge = platforms.create(-150, 250, 'ground');
ledge.body.immovable = true;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart4.html¤ò»²¾È¡£Æ°¤«¤Ê...
ºÇ½é¤Î¥Ñ¡¼¥Ä¤Ï¡¢À±¤Î¥¹¥×¥é¥¤¥È¤ÈƱ¤¸¤À¤±¤É¡¢¥¢¥»¥Ã¥È¥¡¼...
¤³¤ÎÇطʤˤϡ¢800¡ß600¥µ¥¤¥º¤ÎPNG¥Õ¥¡¥¤¥ë¤òÆɤ߹þ¤ó¤Ç¤¤¤ë¡£
#ref(example_003.png)
** ¥°¥ë¡¼¥×µ¡Ç½¤Ë¤Ä¤¤¤Æ [#r127ae81]
Phaser¤Î¥°¥ë¡¼¥×µ¡Ç½¤Ï¡¢¤Û¤ó¤È¤¦¤Ë¶¯ÎϤÀ¡£¥°¥ë¡¼¥×µ¡Ç½¤Ï...
¼¡¤Î¥³¡¼¥É¤Ï¡¢Àè¤Û¤Éplatform¥°¥ë¡¼¥×¤òÄêµÁ¤·¤¿¤È¤¤Î¥³¡¼...
platforms = game.add.group();
¤³¤³¤Ç¤Ï¡¢platform¤È¤¤¤¦¥í¡¼¥«¥ëÊÑ¿ô¤Ë¡¢¥°¥ë¡¼¥×¥ª¥Ö¥¸¥§...
* Part.5¡§¥×¥ì¥¤¥ä¡¼¤òÍÑ°Õ¤¹¤ë [#udc77a75]
¿·¤·¤¤¥í¡¼¥«¥ëÊÑ¿ô"player"¤òÍÑ°Õ¤·¤Æ¡¢°Ê²¼¤Î¥³¡¼¥É¤òcreat...
// playerÊÑ¿ô¤òÍÑ°Õ¤·¤Æ¡¢ 'dude'¥¹¥×¥é¥¤¥È¤òÀßÄꤹ¤ë
player = game.add.sprite(32, game.world.height - 150,...
// ʪÍý±é»»¤ò¥ª¥ó¤Ë¤¹¤ë
game.physics.arcade.enable(player);
// Player¤ÎʪÍý¥×¥í¥Ñ¥Æ¥£. ¤³¤Î¤Á¤Ã¤Á¤ã¤¤¥ä¥Ä¤Ï¡¢¤¹...
player.body.bounce.y = 0.2;
player.body.gravity.y = 300;
player.body.collideWorldBounds = true;
// º¸±¦¤ËÊ⤯¤¿¤á¤Î¥¢¥Ë¥á¡¼¥·¥ç¥ó
player.animations.add('left', [0, 1, 2, 3], 10, true);
player.animations.add('right', [5, 6, 7, 8], 10, true);
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part5.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¡¢¤³¤ó¤Ê´¶¤¸¡£
º¸²¼¤Ë¸«¤¨¤ë¥×¥ì¥¤¥ä¡¼:dude¤¬¡¢ÊªÍý±é»»¤Ë¤·¤¿¤¬¤Ã¤Æ¡¢ÃÏÌÌ...
#ref(example_004.png)
** ¥¹¥×¥é¥¤¥È¥·¡¼¥È [#r7232d0b]
¤³¤³¤Ç¤Ï¡¢player¥¹¥×¥é¥¤¥È¤òÍÑ°Õ¤·¤Æ¡¢²£32¥Ô¥¯¥»¥ë¡¢¹â¤µ...
game.load.spritesheet('dude', 'assets/dude.png', 32, 48);
¥¹¥×¥é¥¤¥È¥·¡¼¥È¤Ï¡¢Ã±°ì¤Î¥¤¥á¡¼¥¸¤Ç¤Ï¤Ê¤¯¡¢Æ°¤¤òɽ¸½¤¹...
#ref(example_dude.png)
** ¥¢¥Ë¥á¡¼¥·¥ç¥ó¤ÎÄêµÁ [#f6140c56]
¥³¡¼¥É¤Ç¤Ï¡¢"left"¤È"right"¤È¤¤¤¦2¤Ä¤Î¥¢¥Ë¥á¡¼¥·¥ç¥ó¤òÄê...
player.animations.add('left', [0, 1, 2, 3], 10, true);
"left"¥¢¥Ë¥á¡¼¥·¥ç¥ó¤Ï¡¢¥¹¥×¥é¥¤¥È¥·¡¼¥È¤Îº¸¤«¤é0, 1, 2, ...
¤¢¤È¡¢ÊªÍýŪ¤Ê¥Ñ¥é¥á¡¼¥¿¤â¡¢¤¹¤³¤·ÀßÄꤷ¤Æ¤¢¤ë¡£
Note: Phaser¤Ï¡¢¥¹¥×¥é¥¤¥È¤Îȿžµ¡Ç½¤ò¥µ¥Ý¡¼¥È¤·¤Æ¡¢¥¢¥Ë...
** ʪÍý±é»» [#d6e2a466]
Phaser¤Ï¡¢¤¤¤¯¤Ä¤«¤Î°Û¤Ê¤ëʪÍý±é»»¥¨¥ó¥¸¥ó¤ò¥µ¥Ý¡¼¥È¤·¤Æ...
°ìÅÙ¡¢¥¹¥×¥é¥¤¥È¤Ë¡¢[[ArcadePhysics.Body.:http://docs.pha...
player.body.gravity.y = 300;
¤³¤ì¤Ï¡¢¥Æ¥¥È¡¼¤ÊÎã¤À¤±¤É¡¢¤½¤ì¤Ê¤ê¤ËÆ°ºî¤¹¤ë¡£ÀßÄêÃͤ¬...
*Part.6¡§¾×ÆÍȽÄê¤Èupdate´Ø¿ô [#f92bf2e6]
¤µ¤Æ¡¢¤É¤¦¤·¤Æ¤³¤ó¤Ê¤Õ¤¦¤Ë¤Ê¤Ã¤Æ¤·¤Þ¤¦¤«¤È¸À¤¦¤È¡¢¤Þ¤À¡¢...
ÃÏÌÌ¥¹¥×¥é¥¤¥È¤Ï¡¢¤â¤È¤â¤ÈÆ°¤¯ÊªÂΤÇ(¥À¥¤¥Ê¥ß¥Ã¥¯¥Ü¥Ç¥£¤È...
** ¾×ÆÍȽÄê [#kd91ab9c]
¤µ¤Æ¡¢¤è¤¦¤ä¤¯¾×ÆÍȽÄê¤Ë¤Ä¤¤¤ÆÀâÌÀ¤Ç¤¤ë¡£
update´Ø¿ô¤Ë¡¢¼¡¤Î¤è¤¦¤Ë¥×¥ì¥¤¥ä¡¼¤Î¾×ÆÍȽÄê¤òÀßÄꤷ¤è¤¦¡£
function update() {
// ¥×¥ì¥¤¥ä¡¼¤Èplatform¥°¥ë¡¼¥×¤Ë¾×ÆÍȽÄê¤òÄɲÃ
game.physics.arcade.collide(player, platforms);
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part6.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¤³¤ó¤Ê´¶¤¸¡£
#ref(example_005.png)
** update´Ø¿ô [#s89afead]
update´Ø¿ô¤Ï¡¢¥Õ¥ì¡¼¥à¤´¤È¤Ë¸Æ¤Ó½Ð¤µ¤ì¤ë¥²¡¼¥à¤Î¤¯¤êÊÖ¤·...
¤³¤ÎÎã¤Ç¤Ï¡¢¥×¥ì¥¤¥ä¡¼¥¹¥×¥é¥¤¥È¤Èplatform¥°¥ë¡¼¥×¤¬ÂоÝ...
¤ä¤Ã¤ÈÃÏÌ̤ËΩ¤Ã¤¿¡£
* Part.7¡§¥¡¼¥Ü¡¼¥ÉÁàºî [#h6f41a54]
¾×ÆÍȽÄê¤Ï¡¢¤³¤ì¤ÇOK¡£¤À¤±¤É¡¢¤Þ¤À¥×¥ì¥¤¥ä¡¼¤¬Æ°¤«¤Ê¤¤¡£...
cursors = game.input.keyboard.createCursorKeys();
¤³¤Î´Ø¿ô¤Ë¤Ï¡¢¾å(up)¡¢²¼(down)¡¢º¸(left)¡¢±¦(right)¤È¤¤¤¦...
¤¢¤È¤Ï¡¢update´Ø¿ô¤ÎÃæ¤Ë¡¢¤³¤ó¤Ê´¶¤¸¤Î¥³¡¼¥É¤ò½ñ¤¤¤Æ¤ä¤ì...
// ¥×¥ì¥¤¥ä¡¼¤Î°Üư®ÅÙ¤ò¥ê¥»¥Ã¥È
player.body.velocity.x = 0;
if (cursors.left.isDown)
{
// º¸¤Ø°ÜÆ°
player.body.velocity.x = -150;
player.animations.play('left');
}
else if (cursors.right.isDown)
{
// ±¦¤Ø°ÜÆ°
player.body.velocity.x = 150;
player.animations.play('right');
}
else
{
// ¤½¤Î¤Þ¤Þ
player.animations.stop();
player.frame = 4;
}
// ¾åÌð°õ¥¡¼¤¬¤ª¤µ¤ì¤Æ¡¢¤«¤Ä¥×¥ì¥¤¥ä¡¼¤¬ÃÏÌ̤ˤĤ¤...
if (cursors.up.isDown && player.body.touching.down)
{
player.body.velocity.y = -350;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢part7.html¤ò»²¾È¡£É½¼¨¤¹¤ë¤È¡¢¤³¤ó¤Ê´¶¤¸¡£
#ref(example_006.png)
¤Ä¤¤¤Ë¡¢¥¡¼¥Ü¡¼¥É¤ÇÁàºî¤Ç¤¤¿!
** ¥×¥ì¥¤¥ä¡¼¤òÆ°¤«¤¹¥³¡¼¥É [#n5a2cfb4]
¤³¤³¤Ç¤Ï¡¢¥³¡¼¥É¤ò¿¤á¤ËÄɲä·¤¿¤Î¤Ç¡¢¤Á¤ç¤Ã¤È²òÀ⤷¤Æ¤ß...
¤Þ¤ººÇ½é¤Ë¡¢¿åÊ¿Êý¸þ¤Î®ÅÙ(°ÜÆ°ÎÌ)¤ò¥ê¥»¥Ã¥È¤·¤Æ¤¤¤ë¡£¤½...
¤³¤³¤Ç¤Ï¡¢¥Õ¥ì¡¼¥à¤´¤È¤Ë¡¢Â®ÅÙ¤ò¥¯¥ê¥¢¤·¤Æ¤«¤é°ÜÆ°Êý¸þ¤ò...
ºÇ¸å¤Î¥³¡¼¥É¤Ç¤Ï¡¢²¿¤â¥¡¼¤¬²¡¤µ¤ì¤Æ¤¤¤Ê¤¤¤È¤¡¢¥×¥ì¥¤¥ä...
** ¥¸¥ã¥ó¥× [#k8d35401]
¥³¡¼¥É¤ÎºÇ¸å¤Î¥Ñ¡¼¥È¤Ï¡¢¥¸¥ã¥ó¥×µ¡Ç½¤òÄɲ䷤Ƥ¤¤ë¡£¾åÌð...
¥¸¥ã¥ó¥×¤·¤¿¥×¥ì¥¤¥ä¡¼¤Ï¡¢¼«Æ°Åª¤ËÍî¤Á¤Æ¤¤¤¡¢platoform¥°...
¥¡¼¤ò²¡¤·¤Æ¡¢¥×¥ì¥¤¥ä¡¼¤ò¤¤¤í¤¤¤í¥³¥ó¥È¥í¡¼¥ë¤·¤Æ¡¢game ...
* Part.8¡§À±¤Î¤«¤¬¤ä¤ [#j8d842df]
¤Ç¤Ï¡¢¥²¡¼¥à¤ËÌÜŪ¤ËÉÕ¤±²Ã¤¨¤è¤¦¡£¥²¡¼¥à²èÌ̤ËÀ±¤ò¤Þ¤¤Á...
¤½¤³¤Ç¡¢"stars"¥°¥ë¡¼¥×¤ò¤·¤Æ¡¢ÀßÃÖ¤¹¤ë¡£¤³¤Î¥²¡¼¥à¤Îcr...
stars = game.add.group();
stars.enableBody = true;
// 12¸Ä¤ÎÀ±¤òÅù´Ö³Ö¤ËÇÛÃÖ¤¹¤ë
for (var i = 0; i < 12; i++)
{
// 'stars'¥°¥ë¡¼¥×¤ÎÃæ¤Ë¡¢À±¤òÀ¸À®¤¹¤ë
var star = stars.create(i * 70, 0, 'star');
// À±¤Ë½ÅÎϤòÀßÄꤹ¤ë
star.body.gravity.y = 6;
// À±¤Ë¤Ï¡¢¥é¥ó¥À¥à¤Ê¤Ï¤Í¤«¤¨¤ê¶ñ¹ç¤òÀßÄꤹ¤ë
star.body.bounce.y = 0.7 + Math.random() * 0.2;
}
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart8.html¤ò»²¾È¡£¤³¤ì¤Ç...
#ref(example_007.png)
** À±¤Î°À [#w2d45f76]
À±¤òºî¤ë¼ê½ç¤Ï¡¢platform¥°¥ë¡¼¥×¤òºî¤Ã¤¿¤È¤¤È¤Û¤ÜƱ¤¸¤À...
¤½¤ì¤«¤é¡¢¥×¥ì¥¤¥ä¡¼¤Ë½ÅÎϤòÍ¿¤¨¤¿¤Î¤ÈƱ¤¸¤è¤¦¤Ë¡¢À±¤Ë¤â...
** À±¤Î¾×ÆÍȽÄê [#y74c2d9f]
¤À¤±¤É¡¢¾×ÆÍȽÄ꤬¤Ê¤¤¤È¡¢À±¤Ïplatoform¤òÄ̤êÈ´¤±¤Æ¤·¤Þ¤¦...
game.physics.arcade.collide(stars, platforms);
¤â¤Á¤í¤ó¡¢¼¡¤Î¤è¤¦¤Ë¡¢¥×¥ì¥¤¥ä¡¼¤ÈÀ±¤¬¤Ö¤Ä¤«¤Ã¤¿»þ¤Î½èÍý...
game.physics.arcade.overlap(player, stars, collectStar, ...
¤³¤Î¥³¡¼¥É¤Ç¤Ï¡¢¥×¥ì¥¤¥ä¡¼¤ÈÀ±¤Î¤É¤ì¤«¤¬½Å¤Ê¤Ã¤¿¤é¡¢¼¡¤Îc...
function collectStar (player, star) {
// ²èÌ̤«¤éÀ±¤ò¾Ã¤¹
star.kill();
}
²èÌ̤«¤éÀ±¤ò¾Ã¤¹¤Ë¤Ï¡¢kill¥á¥½¥Ã¥É¤ò¸Æ¤Ó½Ð¤¹¤À¤±¡£
¤³¤ì¤Ç¡¢¤³¤Î¥²¡¼¥à¤ò¼Â¹Ô¤¹¤ë¤È¡¢¥×¥ì¥¤¥ä¡¼¤¬Áö¤Ã¤¿¤ê¡¢¥¸...
* Part.9: ºÇ¸å¤Î»Å¾å¤² [#s32ae67d]
¤µ¤¢ºÇ¸å¤Ë¡¢ÆÀÅÀ¤òɽ¼¨¤¹¤ë¤è¤¦²þÎɤ·¤Æ¤ß¤è¤¦¡£¤½¤Î¤¿¤á¤Ë...
var score = 0;
var scoreText;
create´Ø¿ô¤Î¤È¤³¤í¤Ç¡¢¤³¤ÎscoreText¥ª¥Ö¥¸¥§¥¯¥È¤òÀ¸À®¤¹¤ë¡£
scoreText = game.add.text(16, 16, 'score: 0', { fontSize...
16x16¤Ï¡¢¥Æ¥¥¹¥È¤òɽ¼¨¤¹¤ë°ÌÃÖ¡£'score: 0'¤Ï¡¢É½¼¨¤¹¤ëʸ...
¼¡¤Ë¡¢collectStar´Ø¿ô¤ò²þÎɤ·¤Æ¡¢¥×¥ì¥¤¥ä¡¼¤¬À±¤ò½¸¤á¤¿¤È...
function collectStar (player, star) {
// À±¤ò²èÌ̤«¤é¾Ã¤¹
star.kill();
// ÆÀÅÀ¤ò¥¢¥Ã¥×¤·¤Æ¡¢ºÆÅÙɽ¼¨
score += 10;
scoreText.text = 'Score: ' + score;
}
À±¤ò½¸¤á¤ë¤¿¤Ó¤Ë¡¢10¥Ý¥¤¥ó¥È¤òÄɲ䷤ơ¢scoreText¤òºÆɽ¼¨...
¼ÂºÝ¤Î¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart9.html¤ò»²¾È¡£¤³¤ì¤Ç...
#ref(example_001a.png)
´°À®¤·¤¿¥³¡¼¥É¤Ï¡¢¥Á¥å¡¼¥È¥ê¥¢¥ë¤Îpart9.html¤ò»²¾È¡£
¤³¤³¤Ç¤â¡¢»î¤¹¤³¤È¤¬¤Ç¤¤ë¡£
http://www.catch.jp/program/phaser/001/making_your_first_...
* ¤Þ¤È¤á [#c3f24cad]
¤µ¤ì¤³¤ì¤Ç¡¢Phaser¤ò»È¤Ã¤¿´Êñ¤Ê¥²¡¼¥à¤Îºî¤êÊý¤òÍý²ò¤·¤¿...
¤â¤Á¤í¤ó¡¢¤â¤Ã¤È¤¤¤í¤¤¤í¤Êµ¡Ç½¤òÉÕ¤±²Ã¤¨¤ë¤³¤È¤â¤Ç¤¤ë¤À...
¹¶·âŪ¤Ê¥²¡¼¥à¤ÎÂå¤ï¤ê¤Ë¡¢°ìÄê»þ´ÖÆâ¤Ë¤É¤ì¤À¤±À±¤ò½¸¤á¤ë...
¤¢¤È[[250¸Ä°Ê¾å¤¢¤ë¥³¡¼¥É¥µ¥ó¥×¥ë:http://examples.phaser....
µ¿ÌäÅÀ¤¬¤¢¤ë¤Ê¤é¡¢[[Phaser¥Õ¥©¡¼¥é¥àhttp://www.html5gamed...
----
* ¤µ¤é¤Ë²þÎɤ·¤Æ¤ß¤¿ [#e553cc7e]
¤³¤Î¥Á¥å¡¼¥È¥ê¥¢¥ë¤Î¥²¡¼¥à¤ò¡¢Æȼ«¤Ë²þÎɤ·¤Æ°ìÃʤȥ²¡¼¥à...
-[[Phaser¤Î¥²¡¼¥à¤ò²þÎɤ·¤Æ¤ß¤¿>phaser/tutorial_02]]
²þÎÉÅÀ¤Ï¡¢¤³¤ó¤Ê´¶¤¸¡£
- ¥ë¡¼¥ë¡ÊÀ±¤¬¤É¤ó¤É¤óÁý¤¨¤Æ¤¤¤¯¡£À©¸Â»þ´ÖÀ©¡Ë
- ¥¿¥¤¥Þ¡¼¤ò»È¤¤¡¢»þ´ÖÀ©¸Â¥²¡¼¥à¤Ë¤·¤¿
- Phaser¤ËƱº¤ÎBasic Project Template¤ò»È¤¦
- ¥°¥í¡¼¥Ð¥ëÊÑ¿ô¤ò»È¤ï¤º¡¢¥²¡¼¥à¤Î¥¹¥Æ¡¼¥¿¥¹¤¬Á«°Ü¤·¤Æ¤¤¤¯
- ¥á¥¤¥ó¥á¥Ë¥å¡¼¤È¥²¡¼¥à¥ª¡¼¥Ð¡¼²èÌ̤ÎÄɲÃ
- ¸ú²Ì²»
* ´ØÏ¢»ñÎÁ [#gd664ba0]
-[[Phaser:http://phaser.io/]]¡¡¥ª¥Õ¥£¥·¥ã¥ë¥µ¥¤¥È
-[[Phaser¤Î¤Ï¤¸¤áÊý>Phaser]]
-[[Phaser tutorial:http://www.lessmilk.com/phaser-tutoria...
¥Ú¡¼¥¸Ì¾: