• ɲä줿ԤοǤ
  • 줿ԤοǤ
  • Phaser عԤ

[[Programing]] > Phaser

#title(PhaserΤϤ:HTML5/Javascript 2D२󥸥)
#title(Phaser:HTML5/Javascript 2D२󥸥)

#ref(Phaser_w_copyright.png)

Phaser(ե)ϡPixi.js򥳥ˤơɤȤȽȤʪ黻ɲä2D೫ȯե졼

ޥץåȥեǡץ󥽡(MIT饤)

ΥڡϡΤȤPhaser version 2.1.3 - "Ravinda" - 23rd October 2014 ١˵ҤƤޤ

#contents

*  [#ica4cb7a]

-  [[Phaser - Desktop and Mobile HTML5 game framework:http://phaser.io/]]
- ȯ [[Photon Storm:http://www.photonstorm.com/]]

* ǥ [#u759bfda]

- ǥ⥲ [[Connect Me Factory (my Phaser game) - Game Showcase - HTML5 Game Devs Forum:http://www.html5gamedevs.com/topic/1223-connect-me-factory-my-phaser-game/]]

- 轵ġHTML5뤾LessMilk | 100SHIKI
-- http://www.100shiki.com/archives/2014/01/lessmilk.html
-   12 Games in 12 Weeks | Lessmilk
-- http://www.lessmilk.com/12games

-[[Monster Wants Candy demo:http://candy-demo.enclavegames.com/]]
-- 󥹥˿٤ޤˡƤ뤪ۻҤ򥯥å or å
-- ȯ塼ȥꥢ뤬

- ǽץ [[Phaser Examples:http://examples.phaser.io/]] - example/games
-- [[֥å:http://examples.phaser.io/_site/view_full.html?d=games&f=breakout.js&t=breakout]]
-- [[᤬:http://examples.phaser.io/_site/view_full.html?d=games&f=gemmatch.js&t=gemmatch]]
-- [[١:http://examples.phaser.io/_site/view_full.html?d=games&f=invaders.js&t=invaders]]
-- [[п:http://examples.phaser.io/_site/view_full.html?d=games&f=matching+pairs.js&t=matching%20pairs]]
-- [[:http://examples.phaser.io/_site/view_full.html?d=games&f=simon.js&t=simon]]
-- [[õ:http://examples.phaser.io/_site/view_full.html?d=games&f=starstruck.js&t=starstruck]]
-- [[:http://examples.phaser.io/_site/view_full.html?d=games&f=tanks.js&t=tanks]]

-[[Games made with Phaser:http://pgl.ilinov.eu/]] Phaserꥹ

* Ϥΰ [#jcbc2379]

Ķۤưǧ

- ȥ(Ѹ) [[Phaser - Desktop and Mobile HTML5 game framework:http://phaser.io/getting-started-js.php]]
- Part 1-6ǡĶȤɬפʥġƤ

** WebСѰդ [#feb735fd]

- WebСΩƤƤΤᡣWindowsʤ[[xampp]]ȤᤤȻפ
- WebСΡhtdocsץեˡphaserץեäƤ
- ĤΥץڡϡPHPɬ

** ΤΥ [#c4f16d95]

+ Github [[photonstorm/phaser:https://github.com/photonstorm/phaser]]
-- ɤˤϡGithubΡDownload ZIPפȤᤤ(GithubȤäƤʤʤ)
+ ष顢phaserץե˴ݤȥԡ

** Phaserưǧ [#w285f568]

- Web֥饦ǡlocalhostΡphaser/resources/tutorials/01 Getting Started/hellophaser/פƤӽФ
- PhaserΥɽ줿OK
-  [[Phaser Hello World - Qiita:http://qiita.com/kawax/items/976f49761fc39c32cc4a]]

* 塼ȥꥢ [#j555580d]

** ǽΥ [#y51cc78a]

- ޤϡ졣[[Making your first Phaser gameäƤߤ>phaser/tutorial_01]]
- Ǥ֤Ƥߤ  http://www.catch.jp/program/phaser/001/making_your_first_Phaser_game.html
- ꥸʥΥ塼ȥꥢ(Ѹ) [[Photon Storm » Blog Archive » Tutorial: Making your first Phaser game:http://www.photonstorm.com/phaser/tutorial-making-your-first-phaser-game]]
- ƱɥȤȥץ륳ɤPhaserƱƤ  phaser/resources/tutorials/02 Making your first game/


** ⤦ɤƤߤ [#x627679e]

#ref(jumping_dude.png)

- [[⤷Ƥߤ>phaser/tutorial_02]]
- ǡ http://www.catch.jp/program/phaser/002/index.html
--   https://github.com/ycatch/games-phaser-jumping-dude
- 쥹ݥ󥷥ǡ http://www.catch.jp/program/phaser/003/index.html
--  https://github.com/ycatch/games-phaser-jumping-dude-Responsive

- 
-- 롼
-- ޡȤ¥ˤ
-- PhaserƱBasic Project Template / Fullscreen TemplateȤ
-- ХѿȤ鷺ΥơܤƤ
-- ᥤ˥塼ȥ४С̤ɲ
-- ̲

** ꥸʥ륲äƤߤ [#o54249a7]

#ref(getaway.png)

뷿

ååפǥס

- [[⤷Ƥߤ>phaser/original_01]]

- ǥ(PC/ޥ)  http://www.catch.jp/program/phaser/getaway/index.html
-  > https://github.com/ycatch/games-phaser-getaway

** Τۤ [#a19d9192]

*** Monster Wants Candy [#y28167e0]

- [[Getting Started With Phaser: Building "Monster Wants Candy" - Tuts+ Game Development Tutorial:http://gamedevelopment.tutsplus.com/tutorials/getting-started-with-phaser-building-monster-wants-candy--cms-21723]]

*** Flappy Bird [#ef160373]

-LessMilkפοͤFlappy Birdץκ
-- http://www.softantenna.com/wp/software/flappy-bird-in-html5-with-phaser/
- Part 1How to make a Flappy Bird in HTML5
-- http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/
- Part 2How to make a Flappy Bird in HTML5
-- http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-2/
- Part 3How to make a Flappy Bird in HTML5
-- http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-3/

- ʪFlappy Bird CloneڡǤϤФऺƤϤޤ롣
-- http://www.lessmilk.com/flappy_bird/02/

***  [#ke0ef0fe]

-[[HTML5 Hub | How to Make a Sidescroller game with HTML5:http://html5hub.com/how-to-make-a-sidescroller-game-with-html5/]] ɥ륲κ(Ѹ)
-[[HTML5 Phaser Tutorial – Top-Down Games with Tiled | GameDev Academy:http://www.gamedevacademy.org/html5-phaser-tutorial-top-down-games-with-tiled/]] ޥåפλȤ(Ѹ)
-[[Tutorial: Sketch your levels with Toast Editor and load them into Phaser HTML5 game framework • Toastedware:http://toastedware.com/?p=297]] ޥåפλȤ(Ѹ)

- Phaser 塼ȥꥢꥹ
--http://www.lessmilk.com/phaser-tutorial/

*  [#w751421d]

** ȯɥ [#da49592d]

- [[ȯɥ:Phaser Index:http://docs.phaser.io/]]
-- ɤեΡdocsץեˤƱƤ


** ץ뽸 [#da4cea63]

phaser-examplesˤϡWebǸץ˴ޤޤƤʤߥ˥Ȥ¸ŪʥɤޤޤƤΤǥᡣ

- ץ뽸 [[phaser-examples:http://examples.phaser.io/]]

***  [#z1724ec6]

- ץΥ [[phaser-examples:https://github.com/photonstorm/phaser-examples]]
- ɤषơhtdocs\phaserץե˥ԡ
- ΤȤʲΥեϾ񤭤ˤʤ
-- examples
-- filters
-- plugins
-- tasks

*** ǽץ [#x6b8ddab]

- examples  phaser/examples/

*** ץߥ˥ [#m743414f]

-   phaser/projects/bomber/
- ߥ륳ޥ  phaser/projects/missilecommand/
- ƥ  phaser/projects/rox/

- example/games
-- ֥å  example/games/breakout
-- ᤬  example/games/gemmatch
-- ١  example/games/invaders
-- п  example/games/matching pairs
--   example/games/simon
-- õ  example/games/starstruck
--   example/games/tanks

***¸Ūʥ? [#a39c27f0]

- labs phaser/labs/
- [[phaser labs:http://labs.phaser.io/]] WebǤä

** ץȥƥץ졼 [#c8134539]

ȯΥ١Ȥʤƥץ졼ȡ[[>phaser/tutorial_02]]

*** ץ뽸 [#ib96d926]

- /phaser/resources/Project Templates
-- Basic
-- Full Screen Mobile
-- RequireJS
-- Responsive

*** fullscreen-scaling ƥץ졼 [#k8492cc3]

Ȥ䤹ϡ[[>phaser/tutorial_02]]򻲾ȡ

-[[Fullscreen Scaling in Phaser | tjkopena:http://www.rocketshipgames.com/blogs/tjkopena/2014/10/fullscreen-scaling-in-phaser/]]
-- [[phaser-fullscreen:https://github.com/RocketshipGames/phaser-fullscreen]] ƥץ졼ȤΥ

** Phaserե [#ya05dda0]
Ǽ

-[[Phaser - HTML5 Game Devs Forum:http://www.html5gamedevs.com/forum/14-phaser/]]

** Τۤ [#a0fdd750]

- HTML5२󥸥Phaserפ鿴ԤȥХˤ䤵ƤǤ - X X X
-- http://syonx.hatenablog.com/entry/2014/07/05/103418
- PhaserTipsPhaser - syon/wiki
-- http://syon-wiki.herokuapp.com/Phaser

* ץ饰 [#bb7fe099]

- Phaser-plugins
-- https://github.com/photonstorm/phaser-plugins

- Phaser Isometric plug-in
-- http://rotates.org/phaser/iso/

* Ϣ [#v89c793d]

- [[Pixi.js:http://www.pixijs.com/]] Phase2D
- [[WebGL ȯٱ祵 wgld.org:http://wgld.org/]]
- [[Game Mechanic Explorer:http://gamemechanicexplorer.com/#]] 󥲡ʤɤưβ

ȥå   ʬ Хåå   ñ측 ǽ   إ   ǽRSS