投稿者: HajimeteProgram

TypeScriptでJavaScriptゲームエンジンPhaserを使うときの参考資料

phaser

http://www.photonstorm.com/tags/typescript

VisualStudioやVisualStudioCodeでTypeScriptを使う際にPhaserの型定義ファイルを読み込ませると自動補完が可能になりJavaScriptに比べると大幅に開発効率が上がります。ですが、やはりTypeScriptのユーザー数が少ないため分かっていない場合は環境構築だけでも面倒です。そんな場合は公式にチュートリアルがあるので活用しましょう。

 

Canvas上にボタンをJavaScriptで作成するチュートリアル

create_game_ui

Create a Game UI with the HTML5 CANVAS

Canvas上にボタンを作るのは、座標判定するだけなのでそれほど難しくありませんがスライダーなどをはじめて作るときはチュートリアルがあると、どこから実装してよいかのヒントになるため助かります。英語ですが、どうしても自前でUIキットを作る際には参考にできます。

Phaserで自機にジェット噴射を加えるサンプル

codepenでPhaserでプレイヤーの機体にジェット噴射をするサンプルを見つけました。パーティクルの画像が無くて表示がおかしくなっていますが、2Dシューティングゲームを作るときに参考にできそうです。

個人でゲームを作るときの無料素材　OPENGAMEART.ORG

openart

個人でゲーム作成する場合、プログラミング、絵、音楽すべてができる人はなかなかいません。Phaserゲームエンジンを調べていた時にこのopengameart.orgが使われていました。よくある素材集ですが、サイト上の検索で、ライセンスフィルターなどがあるので、もしかしたらお好みの素材が見つかるかもしれません。

 

ミニマリスト・テキストゲーム「暗い部屋」(A Dark Room)

doublespeakgames の極限までに情報を絞ったテキストベースのゲーム「暗い部屋」です。シンプルが故に、小説のように個人の想像の余地があり、ゲームを楽しめる一方、ゲームとは何かを考えさせられる作品です。また、ソースコードがgithubに全部公開されています。

http://adarkroom.doublespeakgames.com/?lang=ja

ソースコード

https://github.com/doublespeakgames/adarkroom

ゲームメカニックエクスプローラー(gamemechanicexplorer.com)

welcome

JavaScriptのゲームエンジンPhaser(ファイザー)を使ったゲームメカニックのソースコード集です。キャラクターを移動したり、ジャンプしたり、ダブルジャンプしたりと、ゲームで必要ないろいろな機能が載っています。

http://gamemechanicexplorer.com/

 

 

フラッシュゲーム 「艦砲射撃！甲・改」

日本のインディーゲームもたくさんありますが、シンプルで爽快なエフェクトで面白いゲームです。Chromeが今後Flashを廃止するようですが、その時はどうなってしまうのでしょう。

kanpo01

http://nextframe.jp/flash/bs.html

 

Unityの情報を集める

チュートリアル

2D Character Controller のチュートリアル

ブログ

パララックススクロール

TIPS