【ウディタ】マウス操作ゲーム自作解説⑤～クリック文字強調～

レビニア

2年前

レビニアよ。今回は「クリック操作する文字にカーソルが重なった時に分かりやすく強調する」という事をやってみるのよ。

クリックできる場所にカーソルを重ねると「ここがクリックする場所なのだ」と視覚的にわかるようにするということね。

今回は例としてカーソルが重なったら赤色に変化するようにしてみるけど、表現方法は好みで変えちゃってもいいわよ（エフェクトコマンドで点滅させるとか）。

クリックする文字を強調表示するコモンを作成する

それじゃコモンを作っていきましょう。まずはいつもどおり条件付き並列コモンのテンプレを作成。
コモン作成：名前「▲メニュー強調」、起動条件「並列実行/コモンセルフ99＝1」
※以下省略

入力設定なんだけど今回はセルフ1と2も使用するわ。セルフ0はいつもどおり起動/停止の選択肢を作成して、

セルフ1と2には「マウスカーソルが重なった時に強調表示させたいピクチャ番号の最初と最後」を直接入力するように設定してね。

※これにより、各場面でクリック動作させるピクチャ番号は連番にする必要があるわ。「1の次が4」とか「3の次は5」みたいな飛び飛びは×よ。

セルフ変数は2つ用意。ピクチャ番号を順番に判定するための変数と、マウスが重なっているかを判定するための変数よ。

それじゃ実際の並列実行処理を作っていきましょう。まずはウェイト1フレームいれてから起点のピクチャ番号をセルフ10に格納してループ開始。
■ウェイト：1 フレーム
■変数操作: CSelf10[判定するPicNo] = CSelf1[PicNo.起点] + 0
■ループ開始
|■
◇ループここまで◇◇

ループ内の先頭でピクチャにマウスが重なっているかを取得。
■変数操作+: CSelf11[マウス判定] = ﾋﾟｸﾁｬ:CSelf10[判定するPicNo] のマウス重なってる？(1=YES)

次にマウスが重なっている場合or重なっていない場合の条件分岐を作成。
■条件分岐(変数): 【1】 CSelf11[マウス判定] が 1 と同じ
-◇分岐：【1】 [ CSelf11[マウス判定] が 1 と同じ ]の場合↓
|■
-◇上記以外
|■
◇分岐終了◇

マウスカーソルが重なっている場合の分岐に文字を強調するコマンドを入力。
■ﾋﾟｸﾁｬ移動：CSelf10[判定するPicNo] 相対X:0 Y:0 / 0(0)ﾌﾚｰﾑ / ﾊﾟﾀｰﾝ 1 / 透 255 / 通常 / 角 0 / 拡 100％ / ｶﾗｰ R[100] G[0] B[0]

※今回はピクチャ移動コマンドを使って色が変わるようにしてみるわね。別にエフェクトコマンドでもいいわよ。

マウスカーソルが重なっていない場合の分岐にはピクチャを通常通り表示させるためのピクチャ移動を作成。
■ﾋﾟｸﾁｬ移動：CSelf10[判定するPicNo] 相対X:0 Y:0 / 0(0)ﾌﾚｰﾑ / ﾊﾟﾀｰﾝ 1 / 透 255 / 通常 / 角 0 / 拡 100％ / ｶﾗｰ R[100] G[100] B[100]

※カラー設定を全て100にするだけね。エフェクトを使用した場合は解除すればいいわ。

文字を強調表示させる処理はこれでOK。

後はクリック対象ピクチャを順番に判定させるためのループ処理ね。まずは条件分岐で今判定を行っているピクチャ番号をチェック。
■条件分岐(変数): 【1】 CSelf10[判定するPicNo] が CSelf2[PicNo.終点] 未満【2】 CSelf10[判定するPicNo] が CSelf2[PicNo.終点] と同じ
-◇分岐：【1】 [ CSelf10[判定するPicNo] が CSelf2[PicNo.終点] 未満 ]の場合↓
|■
-◇分岐：【2】 [ CSelf10[判定するPicNo] が CSelf2[PicNo.終点] と同じ ]の場合↓
|■
◇分岐終了◇