むりこのーと

創作活動の記録や、日々思ったことをゆるく書いています。

【Phaser入門】見下ろし2Dレトロアクションゲームを作るPart1 準備編

どうも。

皆さん、ゲームを作りたいと思ったことはありませんか?または、このゲームはこうしたらもっと面白くなるのに、こんなゲームがあれば間違いなくみんな楽しんでくれる、等思った経験はありませんか?

早速ですが、本シリーズではJavascriptのライブラリである「Phaser」を使ってゲームを作る方法と、ゲーム制作、ひいてはプログラミングの楽しさを学べるような内容を発信していきます!

目次

今回の記事は以下の内容になっています。今回の内容は開発初学者向けの内容が多めですので、各自取捨選択して読んでいってください。

  • 1. Phaserって何?
  • 2. 開発準備

1. Phaserって何?

では前置きはこの辺にして、早速タイトルの通り「見下ろし2Dレトロアクションゲーム」を作っていきましょう。イメージとしてはファミコンゼルダの伝説に近いと思います!

...とはいえ、何を始めたらいいか何もわからない方もいるでしょうから、まずはPhaserについて説明をしていきます。

Phaserとは

Phaserというのは、わかりやすく説明すると、ゲームを開発するために必要なツールが詰まった道具箱のようなイメージです。この道具箱は他にもUnityUnrealEngine、等様々なものがあり、Phaserはこの中の一つとなります。

このようなものはさらに「ゲームエンジン」、「ライブラリ」、などといった、どういった作りになっているか、どういう使い方をするかで分類をされます。今は気にしなくても大丈夫ですが、Phaserはライブラリにあたります。

では他の道具箱とどのような違いがあるのかというと、Phaserは主に2Dゲームの開発のしやすさにおいて他よりも大きく優れています。具体的には以下のような特徴を持っています。

  • 他と比べて軽量であり、比較的性能が高くないPCでも使いこなせる
  • プログラミングがベースの開発方法なので、生成AIとの相性がいい
  • ブラウザベースのゲームを開発できるので、スマホでもPCでも遊べるゲームを作りやすい

高度な3Dゲーム、グラフィックにこだわりぬいたゲームを作ることには長けていませんが、逆に言うとそこを重視しなければ優秀なゲーム開発の相棒となってくれることでしょう。

2. 開発準備

Phaserはjavascriptで作られた、オープンソース(公開されていて誰でも使える形式)のライブラリです。なので同じようにjavascriptでプログラミングをして開発を進めていきます。そのためには、プログラミングができる環境が必要です。

極端に言えばメモ帳さえあれば開発可能なのですが、今回はPhaserにおける開発がスムーズに進められるPhaser Launcherを使っていきます。これさえ使っておけば開発開始から終了(リリース)までを一貫して行うことができます。

インストールはこちらからしておきましょう。アカウントの作成またはGoogleアカウントなどでログインしておく必要があるので、何らかの手段でログインをしておきましょう。

Phaser Launcherを起動したら、「Projects」タブから「New」を選びます。サンプルがいくつか左側に並んでいますが、今回はゲームの作り方を学ぶことが目的なので、一番上の「Basic」を選びます。プロジェクトの場所や名前はお好みでつけてください。

これで、開発の準備が完了し、最初の一歩を踏み出すことができました。次回からは本格的にゲームを作っていきましょう。それでは!