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.

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

Last updated at Posted at 2024-06-11

はじめにフルーツを入れるカゴを作成します。

ヒエラルキー上の何もないところで、右クリック
Create 2D sprite square を選択

名前をBottomWallに変更
Transformを変更
AddComponent BoxCollider2Dを追加します。
設定はデフォルトで大丈夫です。
スクリーンショット 2024-06-11 22.26.14.png

このBottomWallを 選択 Ctrl + D
2回複製します。

一つ目の名前を LeftWallに変更
Transformを変更

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

二つ目の名前を RightWallに変更
Transformを変更
スクリーンショット 2024-06-11 22.28.37.png

ここまでの全体としての見た目です。
スクリーンショット 2024-06-11 22.28.51.png

これでフルーツを入れるかごができました。

次はスコアなどの表示をするUIの作成をします。

ヒエラルキー上の何もないところで、右クリック
Create UI Canvas

Canvasの設定の変更
スクリーンショット 2024-06-11 22.33.27.png

ヒエラルキー上で右クリック UI Legacy
Textを作成 

名前をScoreLabelに変更
設定を変更
スクリーンショット 2024-06-11 22.37.36.png

補足説明
動画でHorizonalOverflow 及び VerticalOverflow
の設定をoverflowに変えてた意味。

Unityではデフォルトで、テキストのサイズが大きくなり過ぎた時に、一部の文字が切り捨てられる設定になっているのですが、

このように設定をoverflowに変えることで
文字のサイズを大きくしても文字が切り捨てられなくしています。 

ですのでFont Sizeの値を100とかに変えてもテキストが表示されるようになってます。

今回の動画のFont Sizeでは文字が見切れるほど大きくしていないので、この設定をしてもしなくてもどちらでも構いません。

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

続いてScoreLabelを選択 ctrl+D
を一回押して複製、
名前をScoreTextに変更
設定を変更
スクリーンショット 2024-06-11 22.38.37.png

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

続いて、次に生成するフルーツが表示される枠を作成します。

Canvasを選択 
右クリック Create UI Image を選択
名前を NextFruitBg
に変更

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

続いて NextFruitBgを選択 
右クリック Create UI Image を選択
名前を NextFruitImage に変更 
このNextFruitImageに次のフルーツの画像がセットされるようになります。
スクリーンショット 2024-06-11 22.40.55.png

最終的な全体としての見た目
スクリーンショット 2024-06-11 22.41.25.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?