11
11

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 5 years have passed since last update.

【初心者】Unityで2D横スクロールの地面地形作成(タイルパレット)

Posted at

Unityを触り始めて3日目。
今日は横スクロール用の地形タイル作成を覚えました。

地面の地形作成

1.gif
練習用のUnity2Dゲームです。
マリオライクなゲームを作るにあたり、
上画像のような地面の地形データをタイルパレットで作成しました。

地面の作り方?

ネットで見たところ地面の作り方は
①スプライト作成
②スプライトにボックスコライダーを設定
③プレハブ化するなどして、手作業で敷き詰める?
って感じに見えたので、これは面倒だなーと思いました。

タイルマップとは

地面などの画像データを用意してパレットに置いといて、
後はパレットの画像を選択してからゲーム画面に簡単に放り込めるスタイル。
シムシティで建物を置くようにゲーム画面に画像を配置できます。
当たり判定なども簡単に設定できました。

実際に作ってみた

SnapCrab_NoName_2019-3-1_23-54-50_No-00.png まずは上画像のようにタイルパレットを表示させる。 SnapCrab_NoName_2019-3-1_23-57-31_No-00.png 新しいパレットを作る SnapCrab_NoName_2019-3-1_23-57-48_No-00.png 名前は分かりやすく付ける。何でも良い! これでパレットが出来上がるので、好きな画像をドラッグアンドドロップするとタイルに登録できます。 SnapCrab_NoName_2019-3-2_0-2-20_No-00.png 試しに何個か登録しました。 SnapCrab_NoName_2019-3-2_0-3-36_No-00.png お次はパレットの素材を実際に乗せるタイルマップを作成 SnapCrab_NoName_2019-3-2_0-5-21_No-00.png 画面にこんな感じに枠線が引かれました。 このブロックにタイルパレットの素材をワンクリックで乗せることが可能になりました。

2.gif
実際にパレットをタイルに乗せる様子。
これで地形データが簡単に載せられました。

注意事項

  • このままでは地形に当たり判定が無いので、2Dタイルマップコライダーを設定すること。
    逆に当たり判定が必要ないものはそのままで良い。(背景の草とか雲とか)
  • タイルマップに画像を乗せるときに枠線一杯に表示させたいときは、元画像のインスペクターの「1ユニットのピクセル数」を元画像の横(もしくは縦)のピクセル数と同じにしよう。
11
11
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
11
11

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?