タグ別アーカイブ: 十字方向キーパッド

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

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

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

　の５つで構成する。

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

enchant.js / Ubiquitous Entertainment Inc.

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

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

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

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

enchant.js / Ubiquitous Entertainment Inc.

　さて、”ゲーム開発をenchant.js（HTML5 + JavaScript）で！　【導入篇】　キャラクター画像をキー入力で動かしてみる”の記事ではキー入力によるキャラ画像の動かし方を学んだわけだが、スマートフォンにはキー入力が存在しない機種が大半なので（私は007SHJなのでキー入力できるが）、これに代わる入力契機がスマートフォン向けには必須ということになる。

　スマートフォン向けのブラウザゲーム開発も視野に入れているので、ui.enchant.jsに用意されている「バーチャルパッド（十字方向キーパッド）」を使ってみたいと思う。これがあればPC上でもスマートフォン上でもキャラ画像を動かすことができるようになる。

　ではやってみよう。