【ウディタ講座】自作システム：自作ウィンドウでの入力受付～マウス＆キーボード両対応～

過去２回にわたり、自作システムのパーツの話をしてきました。

【ウディタ講座】自作システムの第一歩～ゲージ編～

【ウディタ講座】自作システムパーツ～スクロールバー～

ですが……

ふつうは「ピクチャを描画し、入力を検知したら選択肢カーソルが動いて……」という基礎から触れるべきところでしたね。

こんな感じの。

ウディタの入門書でだいたい把握できる内容なのですが、この記事では、キーボードとマウス、どちらの入力にも対応できる組み立て方をしてみましょう。

なお、ウディタはデフォルトでゲームパッドにも連動しています。キーボード対応をふつうにこなせば、パッドでもしっかり動いてくれるはず。

下準備として

この項目はとばして、「自作ウィンドウの基本的な流れ」からはじめても大丈夫です。

使うボタンは少ないほうが良い

はじめに決まり事を確認しておくと、組み立て時に迷いません。

今回は、マウスとキーボードどちらでも同じように動く自作ウィンドウを作ります。なので、使うキーはテンキー（十字キー）と決定ボタン（Ｚ）、取消ボタン（Ｘ）に限ってしまいます。

マウスでは左クリック、右クリック、ホイールですね。

なぜかと言えば、ＰＣのキーボードはボタンが多いからって、むやみに使えるキーを増やすのは作るほうにとっても、遊ぶほうにとっても大変なことです。

ネトゲに多い、ＷＡＳＤで移動してマウスで対象を選んでクリックで行動して道具や装備の換装は登録ショートカットで……というのは、よほどおもしろいゲームでもない限り、敷居が高すぎる操作系統です。

ＰＣゲームであれ、ＴＶゲームの基本とおなじく「十字キーとＡ／Ｂボタン」がメインで、それ以外のボタンはどうしても必要なものにだけ割り当てるのが良いでしょう。

デバッグ用のキーチェックコモン

デバッグやテストプレイＧＩＦでの確認に便利そうなので、こんなコモンを用意してみました。

<SQUARE>で簡単に偽のパッドとマウスの画像を出して、入力があったら、画面上の対応位置が点灯してくれます。

注意点としては、「キー入力」コマンドは、１キーに対して１コマンド（変数）を使うということ。こうしておかないと同時に複数キー入力があっても、最初に入力したキーしか光りません。

自作ウィンドウの基本的な流れ

では、やっていきましょう。

基本的な流れは次の通りです。

キー入力を待って、選択中の選択肢の位置（なんというのか）を変更。それに合わせて表示（ピクチャの状態）を切り替える……というのを、ウィンドウが閉じられる（キャンセル入力など）まで繰り返すのですね。

今回はマウス対応のため、「マウスカーソルが合っている選択肢（画像）をセレクト中とする」仕様としました。どちらかというとメインはマウスでプレイするゲームのやり方ですね。

というわけで、上のフロー（やることリスト）に赤字の処理が加わります。

これをウディタで組み立てると、こんな感じ。

では、それぞれ説明していきましょう。

描画

最初にウィンドウを表示するときは、瞬間表示では味気ないですね。

ただのフェードインでもちょっとゆっくり描画する方がよさげなので、初回描画かどうか判定をし、描画時のフレーム数を変数で調整しています（２回目以降はセレクト位置を光らせるだけなので、フレーム数＝0の瞬間表示）。

さて、この仕様だと、１フレームごとにウィンドウ関係の画像が常に再描画され続けています。

瞬間表示なので見た目は一緒ですが、扇風機の羽のような状態です。常にPCに仕事をさせているわけですから、「２回目以降の描画で、オンカーソル位置が変わらないなら、即中断」という分岐を足して、適度に休みをあげましょう。

オンカーソル検知

選択肢の個数ぶんの回数ループをし、選択肢ウィンドウの画像ひとつひとつに「この画像はマウスカーソルと重なっているか」をチェックします。

重なっているものがあれば、そこで処理を終了。

重なっている画像が無いままループが終われば、結果は「-1」。どこにもオンカーソルしていないことを意味します。

この結果が、おおもとのフローである「サンプル」コモンに返り、「サンプル」コモンから「┣描画」へ受け渡されて、画面の更新（選択位置の点灯）が行われます。

キー受付

複雑そうに見えますが、やっていることはシンプルです。

カーソル移動

基本は、入力キーの上下方向に合わせてオンカーソルのピクチャ番号をプラマイ１すること。

これだけですね。

上方向ならピクチャ番号に「-1」が加算されるので、選択肢２オンカーソル中なら、選択肢１へ飛びます。

選択肢１オンカーソル中の場合、存在しない「選択肢０」行きになってしまうので、この場合は逆ハジとなる一番下の選択肢３行きと変えると便利ですね。選択肢３から下へ行く場合も同様です。

これを「循環」と言ったりするようです。コモンの下の方でやっていますね。

また、選択中＝オンカーソル中の画像を変えるコモンなので、この中でマウスカーソルの移動も行っています。

ジャンプしたい画像の番号がわかっていれば、これは簡単。

変数＋でピクチャの座標を取得し、システム変数71,72のマウス位置（カーソル座標）へ代入すればOKです。

できあがり