今回はUnity2Dで簡単なルーレットを作成してみます。
はじめに
Unityのバージョンは2021.3.14f1です。
下記の画像を利用していきます、Inkscapeで簡単に作成したものです。
画像をAssetsフォルダ内に入れておきます、名前はwheelです。
実装開始
画面(UI)を作成した後にスクリプトで動きを実装します。利用する画像は上の画像だけです。
UI作成
シーンにwheel画像をドラッグアンドドロップ。
Hierarchyで右クリック、「2DObject」→「Sprites」→「Circle」を追加し、配下にTriangleを追加。
Triangleの位置とスケールを変更して、下記のような見た目にします。
スクリプトの作成
下記スクリプトを作成します。マウスボタンをクリックするとオブジェクトが回転、徐々に回転が弱まって最後には止まります。
using UnityEngine; public class wheel : MonoBehaviour { private float speed; void Update() { if (Input.GetMouseButton(0)) speed = 20f; transform.Rotate(0, 0, speed); speed *= 0.98f; } }
スクリプトをwheelにアタッチ。
実行すると下記のようになります。
ランダム性の修正
次に「ランダム性」と「矢印が示している数字の取得」を追加していきます。
Hierarchyで右クリックして「UI」→「Legacy」→「Button」を追加。
ButtonのRectTransform、Textを変更して下記のような感じにします。
スクリプトを下記に変更します。回転速度をランダムにし、止まった時に矢印が何処を示しているのかを「debug.log」で出力しています。
using UnityEngine; public class wheel : MonoBehaviour { private float speed; private bool isRotate; private void Awake() { isRotate = false; } void Update() { if (isRotate) { transform.Rotate(0, 0, speed); speed *= 0.98f; if (speed <= 0.05f) { transform.Rotate(0, 0, 0); StopWheel(); isRotate = false; } } } public void Rotate() { if (!isRotate) { speed = Random.Range(10, 40); isRotate = true; } } private void StopWheel() { float rotz = transform.eulerAngles.z; if (rotz > 0 && rotz <= 90) Debug.Log("1"); if (rotz > 90 && rotz <= 180) Debug.Log("2"); if (rotz > 180 && rotz <= 270) Debug.Log("3"); if (rotz > 270 && rotz <= 360) Debug.Log("4"); } }
ボタンを押した時に回転させたいので下記のようにセット。
実行すると下記のような感じに。