タグ別アーカイブ: RPG

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに表示する敵キャラのステータス情報を作成して、その名前をメッセージウィンドウに表示する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに戦闘用コマンド一覧(攻撃/特技/道具/防御/逃走)を表示する”の記事では戦闘用のコマンド一覧を表示したので、続いては、戦闘シーンに突入した際の、「○○○○があらわれた!」的なメッセージウィンドウを表示してみたいと思う。

 メッセージを表示するだけなら「Label()」を用いればすぐにできてしまうので、ここでは、出現した敵キャラのステータス情報を作成しつつ、その情報の内のひとつである敵キャラの名前を参照してメッセージウィンドウに表示してみよう。

 これはだいぶRPGの画面っぽくなってくると思う。

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに戦闘用コマンド一覧(攻撃/特技/道具/防御/逃走)を表示する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンにバーチャルパッド(十字方向キーパッド)を表示する”の記事で「バーチャルパッド(十字方向キーパッド)」の準備ができたので、次は戦闘用のコマンド一覧を表示して、バーチャルパッド(十字方向キーパッド)の(もしくはキーボードの)左右キーでコマンドを選択するところまでを実現してみよう。

 戦闘用のコマンドは、ここでは、

「攻撃」
「特技」
「道具」
「防御」
「逃走」

 の5つで構成する。

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンにバーチャルパッド(十字方向キーパッド)を表示する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 戦闘シーンでの操作といえば、例えば、

「たたかう」
「とくぎ」
「どうぐ」
「ぼうぎょ」
「にげる」

 というコマンドがあったとしたら、それらのどれかを選択する為に「上下キー」の入力でカーソル移動させて、最終選択する為に「Aボタン」等を押して決定、という操作になるだろう。

 今回はこの準備として、戦闘シーンに「バーチャルパッド(十字方向キーパッド)」を表示しておきたいと思う。

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに1体の敵キャラ(エネミー/モンスター)を配置する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 文字列に「8bitファミコン風のWEBフォント(漢字も使える!フリー!)」を採用する”の記事でフォントも決めて、ゲームらしくなってきたので、いよいよ敵キャラを戦闘画面に配置してみることにする。

 これは単純。

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【導入篇】 キャラクター画像を表示してみる”の記事と同様に、Spriteを配置するだけだ。

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンにステータスゲージ(HPゲージ)を表示する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンにステータスウィンドウ(状態表示枠)を表示する”の記事でステータスウィンドウ(状態表示枠)を表示したが、その時に、最大数値と現状数値の把握もしたかったので、HPとSPにそれぞれゲージ枠も用意していた。以下だ。

windowstatus

 今回は、このゲージを現在のHP、SPに応じて動くようにしてみよう。

続きを読む