Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 1 year has passed since last update.

リソース スイカ プロジェクトの初期設定 画像の配置2

Last updated at Posted at 2024-06-11

動画が少し長いので、Unityの操作に慣れてる方は
こちらのリソースを使用して
画像の配置を行うと早いと思います。

次にポーズ画面などの作成します。
Canvasを選択 右クリック Create
UI Legacy Buttonを選択
名前を OpenButton に変更
設定を変更

スクリーンショット 2024-06-11 22.50.31.png

スクリーンショット 2024-06-11 22.50.39.png

今回はOpenButtonの子オブジェクトのTextを使用しないため

OpenButtonを選択
その下にあるTextを 右クリック Delete
で削除します
Buttonの子オブジェクトのText削除

その後 OpenButtonを選択 その上で右クリック
Create UI Image を選択

設定を変更
スクリーンショット 2024-06-11 22.51.29.png

続いて倍速ボタンを作成します。

Canvasを選択 その上で右クリック
Create UI Legacy Button を選択

名前を SpeedButton に変更

注意点
自分でテストをした際にSpeedButtonのインスペクター画面を
動画通りにしたが 少しSpeedButtonが右にずれて配置される不具合に遭遇

一旦SpeedButtonを削除して、もう一度作り直したら直りました。

スクリーンショット 2024-06-11 22.57.52.png

動画ではSpeedButtonのtextを削除してもう一度作り直してますが、
削除せずにそのままSpeedButtonの子オブジェクトとしてついてたTextを使用して問題ないです。

動画では誤ってSpeedButtonの子オブジェクトのTextを削除したので
ButtonについてるTextのデフォルトの設定に戻してるだけです。

続いてSpeedButtonの子オブジェクトのTextを選択
名前を SpeedText に変更
設定を変更
スクリーンショット 2024-06-11 22.58.36.png

全体としてこんな感じです。
スクリーンショット 2024-06-11 22.59.02.png

Canvasを選択 その上で右クリック
CreateEmpty を選択
名前をPauseWindowに変更 
設定を変更
ポーズ画面のフォルダ役のオブジェクト
スクリーンショット 2024-06-11 23.16.06.png

PauseWidowの上で右クリック
UI Image
スクリーンショット 2024-06-11 23.17.22.png

PauseWidowの上で右クリック
UI Image
スクリーンショット 2024-06-11 23.18.11.png

PauseWidowの上で右クリック
UI Legacy Text

スクリーンショット 2024-06-11 23.19.45.png

PauseWidowの上で右クリック
UI Legacy Button

スクリーンショット 2024-06-11 23.22.01.png

Buttonの子オブジェクトのText削除
代わりに子オブジェクトとして
UI Image

スクリーンショット 2024-06-11 23.23.12.png

PauseWidowの上で右クリック
UI Legacy Button
スクリーンショット 2024-06-11 23.24.35.png

スクリーンショット 2024-06-11 23.25.27.png

TitleButtonを選択 ctrl + D で複製
中身を変更
スクリーンショット 2024-06-11 23.26.18.png
スクリーンショット 2024-06-11 23.27.13.png

最終的に全体としてこんな感じ
スクリーンショット 2024-06-11 23.27.27.png

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?