フリッピーバードと簡単なピクセルアートの作り方

lessmilk

http://www.lessmilk.com/tutorials

ちょっとゲームのプロトタイプを作ろうとしたとき、画像にこだわってしまって作業が進まない場合があります。一度ちょっとしたピクセルアートの作り方を学ぶと無機質で単色の四角や丸の画像でプロトタイプを作る必要がなくなり、モチベーションが上がりそうです。

少しピクセルアートについて調べてみます。

 

Bejeweledを調べると歴史が見えて面白い

JavaScriptのゲームフレームワークPhaserは、海外でよく使われているためチュートリアルも豊富にあります。パズドラのほうが知名度があるので、パズドラ風チュートリアルといえばよいのでしょうか。。。それで、Bejweledを調べていくとアクティブ連鎖やファミ通のインタビューに関する記事を見つけました。

Phaserベースのゲームチュートリアル Emanuele Feronato

eman

http://www.emanueleferonato.com/ かなりの量のチュートリアルがあり、一度どんな記事があるか流し読みしてみると必要な情報が見つかるかもしれません。

パズドラ風ゲーム(正確にはBejeweled[びじゅえるど])の実装などもあるので、Phaserでゲームを作っている場合は参考になります。

 

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

phaser

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

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

 

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

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