タグ別アーカイブ: ステータスウィンドウ

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

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

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

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

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

 の5つで構成する。

続きを読む

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

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

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

windowstatus

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

続きを読む

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

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 戦闘中、ドラクエにしてもFFにしても、プレイヤーキャラの現在のHPやMPが画面上に表示されていると思う。それをステータスウィンドウ(状態表示枠)と呼んで、今回は、このステータスウィンドウ(状態表示枠)を表示してみることにする。

続きを読む