2
3

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.

Unityでタイルマップ(スプライト)の分割方法がわからなかった件

Last updated at Posted at 2022-02-13

#問題の始まり
横スクロールの2Dゲームを作ろうと思い、ゲーム画面に使用する画像を取り込もうと考えて画像を取り込んだ。

■使わせていただいた素材:ドット絵世界 様
http://yms.main.jp/page-s1/terms.html

しかしながら、データは分割されていない=分割する必要が出てきたが
やり方がわからず苦戦したので備忘メモ。

#手順
1.画像をunityに取り込む。

2.取り込んだ画像(Sprite)のインスペクターにある「Sprite Mode」を
 「Multiple」へ変更、その下の「Sprite Editor」をクリック
スクリーンショット 2022-02-13 9.53.05.png

3.スライスする
普通はこのままスライスすればいいらしいが、今回は画像サイズがバラバラなので手動にする必要がある。
そのため、設定を変えて手動で切り貼りする必要が出てくることになった。

 3.1.画面左上にある「Slice」を選択する
 3.2.「Type:Grid By Cell Size」へ変更
 3.3.「Pixel Size:64×64」へ変更  
    ※ここは自由に変えて問題なし。8の倍数ならいいのではないだろうか。
 3.4.下の「Slice」を押す

スクリーンショット 2022-02-13 9.57.40.png

4.スライスする範囲を整える
画像に白い枠がいくつか現れる。これがスライスされる領域となる。
あとはそれぞれを選択して画像のサイズへ変更していけばOK。
不要な白枠は「(Macは⌘+)Delete」で消せる。
スクリーンショット 2022-02-13 10.02.39.png

5.割り当てができたら、右上の「Apply」を押して設定を反映させる

#最後に
最初「タイルマップ」で検索してたから出てこなかったんや・・・
と思ったので、敢えてタイルマップという文字を入れています。
自分みたいな詰まり方をする人がいたら参考にしてみてください。

#参考資料
http://toyashiwasu.web.fc2.com/Unity/GetDivSprite/index.html

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?