0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

完走賞のQiitanぬいぐるみをお迎えするためにUnityでゲーム作ってみるAdvent Calendar 2023

Day 2

【Unity初歩】~オブジェクトの配置~

Last updated at Posted at 2023-12-01

はじめに

前回Unityのインストールまで終了したので、エディタを使ってオブジェクトを置いてみます。
今回は主に2Dで作成しています。
今後も基本的には2Dで作成する予定です。

前回の記事

エディタの操作

色で囲ったものごとに名前と役割があります。

image.png

  • シーンビュー(緑枠)
    • ゲームを作るためのメイン画面。
  • ゲームビュー(緑枠。タブで「Game」を選ぶと現れる)
    • ゲームを実行したときの見え方や、処理スピード・負荷のかかり方を解析するところ。
  • ヒエラルキーウィンドウ(オレンジ枠)
    • シーンビューで配置したオブジェクトの名前が表示される。オブジェクト同士の階層構造の表示・編集ができる。
  • プロジェクトウィンドウ(青枠)
    • ゲームで使う素材を管理するところ。
  • コンソールウィンドウ(青枠。タブで「Console」を選ぶと現れる)
    • 一般的な開発と同様。エラーが表示されたり、コンソールログが出せたりするところ。
  • インスペクターウィンドウ(黄色枠)
    • 画像では何も表示されておらず申し訳ないですが、配置したオブジェクトの座標とか色とかもろもろの設定ができるところ。この後にある画像では表示されています。
  • 操作ツール(赤枠)
    • シーンビューに配置したオブジェクトの位置を変えたりサイズを変えたり回転させたり調整ができるところ。
  • 実行ツール(紫枠)
    • ゲームを実際に実行したり、止めたりする際に使用。デバックのようなイメージを勝手にしている。

オブジェクトを置いてみる

手始めにただの丸いオブジェクトを置いてみます。
左側のプラスボタンをクリックして、「2D Object」を選択することでオブジェクトを追加できるようです。
キャプチャ2-1.PNG

Circleを選択すると、画面に丸いオブジェクトが現れました。
前述エディタの操作で見た通り、追加されたオブジェクトの名前はヒエラルキーウィンドウ(左側)に表示されます。
キャプチャ2-2.PNG

自作したイラストをオブジェクトとしておいてみる

以前javascriptを使ってスーパーマ〇オのようなゲームを作成したことがあり、その時に自作したイラストを使ってみることにしました。

ドラックアンドドロップでAssetsフォルダへイラストを移動。
するとAssetsフォルダに追加されます。
キャプチャ2-3.PNG

Assetsフォルダに追加されたイラストをさらにドラックアンドドロップでSceneに持っていくと、自作イラストを配置することができました。
キャプチャ2-4.PNG

背景画像をおいてみる

基本操作はイラストを配置したときと同じです。
Assetsフォルダへ背景画像を移動し、さらにドラックアンドドロップでSceneに持っていきます。
キャプチャ2-5.PNG

インスペクターウィンドウ(右)のScaleパラメータをx=4.5、y=2、z=1に合わせると、白い枠いっぱいに背景を表示させることができます。
ですが、このままだと先ほど追加した自作🦀イラストが消えてしまいます。
Unityの2Dゲームではオブジェクトはレイヤ番号を持っているためです。
キャプチャ2-6.PNG

レイヤ番号が大きいほど画面の手前に表示されます。そのため、🦀のレイヤ番号をあげます。
(初期値は0です。)
Order in Layerを1にすることで、🦀が表示されました。
キャプチャ2-7.PNG

※背景画像は絶対に最背面にあるべきなので、背景のOrder in Layerを-1にするという手もあります。

おわりに

オブジェクトの配置までできました。
次回はソースコードをかいて、今回追加したオブジェクトを動かしてみたいと思います。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?