頭がこんがらがるのでメモ
やること
前回記事の続きです。
タイトル通り、UnityのSliderとInputFieldの両方から、同じをCubeを回せるようにします。InputFieldに値を入力したときに、Cubeが回転するだけでなく、Sliderにも反映するようにします。
自分が全忘却した時の備えとしてのメモです。
前回記事を読んだ人、もしくはUnityでスクリプトをアタッチできる人が対象です。
素材の準備
まず、**キャンバス、スライダー、テキスト、インプットフィールド、キューブ、空のオブジェクト（名前は"ParamMaster"にする)**の６つを用意します。
階層は図のようにします。
作成した各オブジェクトについて、Game画面をみながらインスペクターのTransform-Pos Yの値を変更して、全ての要素が見えるように移動させます。
（下図のPosYの値の例は、Slider:0, Text:50, InputField:30, Cube:3）
そして、これから作成するスクリプトをアタッチしていきます。
① ParamMaster用のスクリプト
空のオブジェクトであるParamMasterにアタッチするスクリプトです。
ParamMasterは、オブジェクトのパラメータを統合的に管理できるようにするための自作のスクリプトです。（Unityにそういう機能があるわけではありません。）
スライダーやインプットフィールドから書き換えられるpublicな変数を置いておき、
それをCubeの回転確度に反映させます。
using UnityEngine;
public class ParamMaster : MonoBehaviour
{
public float open_value = 0; //publicな変数を設定
}
スクリプトをオブジェクトのParamMasterにアタッチします。
② Cube用のスクリプト
ParamMasterの変数open_valueを参照し、Cubeの回転確度に設定します。
using UnityEngine;
public class CubeOp : MonoBehaviour
{
GameObject paramaster;
void Start()
{
paramaster = GameObject.Find("ParamMaster"); //①のオブジェクトを見つける
}
void Update()
{
ParamMaster script = paramaster.GetComponent<ParamMaster>(); //見つけたオブジェクトのスクリプトを指定
Vector3 rot = this.transform.localEulerAngles;
rot.y = -script.open_value;
this.transform.localEulerAngles = rot;
}
}
Cubeオブジェクトにアタッチします。
③ Slider用のスクリプト
スライダーの値をParamMasterに書き込むスクリプトです。
using UnityEngine;
public class SliderOp : MonoBehaviour
{
GameObject paramaster;
public void SendSliderValue(float newValue)
{
ParamMaster script = paramaster.GetComponent<ParamMaster>(); //見つけたオブジェクトのスクリプトを指定
script.open_value = newValue;
}
void Start()
{
paramaster = GameObject.Find("ParamMaster"); //スクリプト①のオブジェクトを見つける
}
}
Slierオブジェクトにスクリプトをアタッチします。
その後でSlierオブジェクトの設定もしておきます。
Min Valueを-180、Max Valueを180に設定します。
また、On Value Changedの設定を、Runtime Only、その下のボックスにSliderオブジェクトをアタッチします。
右のプルダウンから SliderOP - SendSliderValue を選択します。
④ InputField用のスクリプト
InputFieldの値をParamMasterに書き込むスクリプトです。
数字以外の文字には反応しないようにしています。
using UnityEngine;
using UnityEngine.UI;
using System; //convertを使うために必要
public class InputFieldOp : MonoBehaviour
{
GameObject parammaster;
InputField inputField;
Slider slider;
void Start()
{
inputField = GameObject.Find("InputField").GetComponent<InputField>();
parammaster = GameObject.Find("ParamMaster");
slider = GameObject.Find("Slider").GetComponent<Slider>();
}
public void IfPushEnter(string _)
{
//エンターが押されたら調べる（誤動作防止）
Debug.Log(inputField);
if (Input.GetKey(KeyCode.Return))
{
//InputFieldからテキスト情報を取得する
string value = inputField.text;
//入力されたものが数字かどうか判断する
bool result = float.TryParse(value, out float _);
if (result != false)
{
ParamMaster script = parammaster.GetComponent<ParamMaster>(); //見つけたオブジェクトのスクリプトを指定
script.open_value = Convert.ToSingle(value);
slider.value = script.open_value;
}
else
{
Debug.Log("Input Error");
}
inputField.text = ""; //入力フォームのテキストを空にする
}
}
}
InputFieldオブジェクトにスクリプトをアタッチします。
InputFieldオブジェクトの設定は、
RuntimeOnlyを選択し、下のボックスにInputFieldオブジェクトをアタッチ。
また、右のプルダウンから InputFieldOP - IfPushEnter を選択します。
⑤ Text用のスクリプト
ParamMasterの数値を参照し、表示します。
using UnityEngine;
using UnityEngine.UI;
public class TextOp : MonoBehaviour
{
public GameObject value_display = null; // Textオブジェクト
GameObject parammaster;
void Start()
{
parammaster = GameObject.Find("ParamMaster"); //①のオブジェクトを見つける
}
void Update()
{
ParamMaster script = parammaster.GetComponent<ParamMaster>(); //見つけたオブジェクトのスクリプトを指定
Text display_text = value_display.GetComponent<Text>();
display_text.text = (script.open_value).ToString();
}
}
Textオブジェクトにアタッチし、
インスペクターの"Value_display"の欄にTEXTオブジェクトをアサインします。
完成・実行
画面上部の三角ボタンからプログラムを実行します。
スライダーの操作に連携して、キューブが回転すると同時に、テキストの数値も更新されます。
さらに、インプットフィールドに数値を入力してエンターを押すと、その角度がキューブとスライダーに反映されます。
つぎやること
テキストの表示はインプットフィールド内で完結してコンパクトなUIにしていきたいです。
また、外部からのデータが来た際にも対応できるような仕組みにしていきたいです。