回転ボタンのUI作成

回転ボタンを作成します

ヒエラルキーからUI→Button - TextMeshProを選択

スクリーンショット 2025-07-14 11.20.45.png

このようなウィンドウが出たら、Import TMP Essentialsをクリックしてインポートが完了したらウィンドウを閉じましょう

スクリーンショット 2025-07-14 11.21.29.png

ヒエラルキー上にCanvasの子オブジェクトとしてButtonのオブジェクトができているはずなので、Buttonをクリックしてインスペクターを開いてみましょう

スクリーンショット 2025-07-14 11.26.06.png

名前をRotateButtonに変更し、Rect Transformの座標を調整します

Rect Transformの左側にある⬇️の画像の部分をクリックします

スクリーンショット 2025-07-14 11.29.07.png

基準点を画像の通り、center,bottomに変更します

スクリーンショット 2025-07-14 11.25.25.png

各座標、Width,Heightの値も画像の通り変更しておこう

スクリーンショット 2025-07-14 11.31.47.png

また、現在の設定だと画面のサイズが変わると、画面に対するボタンの大きさも変わってしまうので、Canvasの設定を変更します。

ヒエラルキー上からCanvasを選択して、Canvasのインスペクターを開きます