2
1

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

UnityのTilemapで有名ゲームのステージを作成してみる(見た目だけ)

Last updated at Posted at 2019-11-29

Tilemapという面白そうなものを試すために、有名ゲームのステージを作成してみました。
※今回は見た目だけの作成です

Tile Palletを開くときの詳しい流れについての記事が少なかったため、そちらのまとめでもあります。

画像の設定

まず、Tilemapで使用したい画像を用意します。今回はこちらの画像を使用します。もうどのゲームかお分かりですよね。
Tile.png

画像をインポートし、設定を以下のように変更します。
TileImportSettings.png

そして、Sprite Editorをクリック。ここから画像を区切っていきます。
上の方にあるSliceをクリックし、TypeとPixel Sizeを変更します。今回の画像は一つ一つを32×32で作成しているため、Pixel Sizeも32にしています。
SpriteEditor.png

Sprite Editorをクリックしてエラーが出た場合
以下の方法で解消されます。

  1. Window > Package Managerを開く
  2. 2D Spriteを選択し、右下のInstallをクリック
    PackageManager_2DSprite.png

これで画像の設定は完了です。

Tile Palletの作成

まず、Window > 2DからTile Palletを開きます。

Tile Palletが表示されていない場合
Window > 2DにTile Palletが表示されていない場合には、以下の方法で開くことができます。

  1. Window > Package Managerを開く
  2. 2D Tilemap Editorを選択し、右下のInstallをクリック
    PackageManager_2DTilemapEditor.png

これでもう一度Window > 2Dを確認するとTile Palletが追加されています。

Tile Palletを開くと、以下のようなウインドウが開きます。
TilePalet.png

Create New Paletteをクリックすると、新しいTile Palletを作成できます。
CreateNewPalette.png

Tile Assetの作成

画像をTile Palletウインドウにドラッグ&ドロップすることで作成できます。
TileAsset.png

Tilemapを使ってみる

では、実際にTilemapを使って、ステージを作ってみます。

タイルの塗り方は、Tile Palletウインドウでブラシを選択し、塗るタイルを選択。
そして、塗りたい場所でクリックするだけです。ドラッグでも塗ることができます。
Paint.png

これで、有名ゲームのステージが完成しました!
complete.png

おわりに

今回はステージの見た目だけを作成しましたが、Tilemapでは当たり判定もできるということで、色々試してみたいと思います。そして、可能であればこのステージを完成させていきたいです!

2
1
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
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?