タグ別アーカイブ: バーチャルボタン

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンにバーチャルボタン(Aボタン/Bボタン/Xボタン/Yボタン)を表示する

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに複数の敵キャラを表示する”の記事で敵キャラも複数表示できるようになったし、”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに戦闘用コマンド一覧(攻撃/特技/道具/防御/逃走)を表示する”の記事で戦闘用のコマンドも表示したし、今度は「攻撃」コマンドで対象の敵キャラを選択するところまでを実現してみよう。

 ただその前に、選択操作に欠かせない「ボタン」表示を戦闘シーンについては行っていなかったので、先に「バーチャルボタン(A/B/X/Y)」を表示しておく。

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【RPG(ロールプレイングゲーム)篇】 戦闘シーンに切り替える

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 「導入篇」としてシーン切り替えを解説しても良かったが、使い道/使い方がいまいちイメージできない書籍や解説サイトが多かったので、具体的なイメージを持ってもらいたくて、「戦闘シーンへの切り替え」として、解説してみることにした。

 ドラクエやFFをやっていて、フィールドマップを歩いていて、エンカウントして、戦闘に突入する、という場面(シーン)を思い浮かべてほしい。「フィールドというシーン」から「戦闘というシーン」に切り替わり、戦闘が終われば、再び「フィールドというシーン」に”戻る”。

 これを、enchant.jsに存在する「Scene(シーン)」という概念で実現する。

 「Scene:フィールド」 ⇔ 「Scene:戦闘」

続きを読む

ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【導入篇】 バーチャルボタン(Aボタン/Bボタン/Xボタン/Yボタン)を表示してみる

enchant.js
enchant.js / Ubiquitous Entertainment Inc.

 ハロー。さて、”ゲーム開発をenchant.js(HTML5 + JavaScript)で! 【導入篇】 キャラクター画像をバーチャルパッド(十字方向キーパッド)で動かしてみる”の記事では「バーチャルパッド(十字方向キーパッド)」を表示したので、次は、バーチャルボタンを表示してみよう。

 私はスーパーファミコン世代なので、ボタンと言えば、「Aボタン/Bボタン/Xボタン/Yボタン」である。今回は、

    ○X
  ○Y  ○A
    ○B

 のようにバーチャルボタンを表示してみたいと思う。

続きを読む