UIの作り方講座 ステージセレクト編カーソル移動を作る

前回に続いて、UIの作り方講座になります。 2回目はこのようなステージセレクト画面の作り方を紹介します。

基本的な動きの作り方は前回説明しておりますので、そちらをご参照ください。

まずはUIの作り方のおさらいです。
この2つさえ覚えておけば、大体のUIは作成できるようになります。

1カーソル移動を作る
2カーソルの位置でボタンを押された時の処理を作る

それではステージセレクト用のカーソル移動から作っていきます。

カーソル移動を作る

今回は、このような画像(3×3)を使います。

真ん中を初期アクションとして、

白矢印 ↑ボタンを押した瞬間、アクションを切り替え
黒矢印 ↓ボタンを押した瞬間、アクションを切り替え
青矢印 →ボタンを押した瞬間、アクションを切り替え
黃矢印 ←ボタンを押した瞬間、アクションを切り替え

と設定すれば、カーソル移動の完成です。

実際に動かすとこのような感じになります。