Unity

UnityでTilemapを使って2Dステージを作る

投稿日:2019年9月26日 更新日:

Tilemapとは?

マップチップを登録してお手軽に2Dマップが作れるツールです

Tilemapに使う素材を入れる

素材
Assets → Import New Assetをおします

使いたいマップチップを選択してImportをおします
※マップチップは横一列になっていると後々の設定が楽になります

マップチップの設定をする

①Sprite(2D and UI)にする
②Multipleにする(複数画像の場合)
※一枚の画像の場合はSingleにします
③画像一枚あたりの横幅の大きさにする
※今回は三枚の横幅が384なのでそれを3で割った128にしています
④Point(no filter)にします
※これによって画像がくっきり表示されます

マップチップを分割する

Sprite Editorをおします

Sliceをおし、①をGrid By Cell Countにし、②を横の画像の枚数と縦の画像の枚数にして、Sliceをおします
※今回は横の画像が3枚で縦の画像が1枚なので3と1を入力しています

×をおすと、メッセージが出るのでApplyをおします

Tilemapを使えるようにする

Create → 2D Object → Tilemapを選択します

Window → 2D → Tile Palleteを選択します

ウィンドウが表示されるので、Create New Palleteをおし、Createをおします

フォルダーの選択をおします

マップチップをTile Palleteに入れる

マップチップの横の三角をおすと、分割された状態の画像が表示されます
それを表示されたパレットにドラッグ&ドロップします

フォルダーの選択をおします

画像のようにパレットにマップチップが追加されていれば成功です

ペンでマップを描く

ペンを選択して、塗りたいマップチップを選択すると1マスずつ塗れます

四角ツールでマップを描く

□を選択すると一気に描くことができます

その他塗りつぶしや消しゴムもあるので上手に使ってマップを作ってみましょう

地面に当たり判定をつける

Tilemapを選択し、AddComponentをおします

検索欄にtiと入力し、Tilemap Collider 2Dを選択します

これで一気に描いたマップに当たり判定が反映されます

このサイトについて

ここには、自己紹介やサイトの紹介、あるいはクレジットの類を書くと良いでしょう。

検索

このサイトについて

ここには、自己紹介やサイトの紹介、あるいはクレジットの類を書くと良いでしょう。

検索

-Unity

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

スクリプトの作り方、貼りつけ方

C#スクリプト作り スクリプトに名前をつける スクリプトを入力する オブジェクトにスクリプトを貼り付ける

Unityで制限時間や得点を表示する

Score&Time もくじ 得点を表示する 制限時間を表示する 得点を表示する 文字を作成 Create → UI → Textをおします Canvasの横の▶をおし、Tex …

ARプレゼンツール

使用用途 2020.3.27に秋田総研さんが主催したオンラインプレゼン大会Talk Your Will Akita(TYWA)で使用したARプレゼンツールです Unityでカメラを映し、その空間内にA …

no image

blender→Mixamo→Unityまでのモデリング、テクスチャ、リギング完全マスター

Unityで使うキャラクターをblenderで作成し、テクスチャを貼り付け、MixamoでアニメーションをつけてUnityにいれる 以下のショートカット集は自分がよく使うショートカットですがそれらをチ …

Unityでカメラに映るまで敵を動かさないようにする

これで、カメラに映るまで敵は動かず、カメラに映ったら動くようになります

ゲタバコ倶楽部へようこそ

  • 214247総閲覧数:
  • 71今日の閲覧数:
  • 161100総訪問者数:
  • 55今日の訪問者数:

住所
Akita,Japan

営業時間
月~日: 10:00 AM – 10:00 PM

このページはゲタバコ先生の日々思うことや活動、プログラミングの習得方法を発信するページです。
仕事のご依頼、メッセージ等、サービス概要をご覧の上で、お気軽にご連絡ください。

getabakosensei@gmail.com