Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

Unityでスプライトシートを使ってアニメーションさせる方法

More than 1 year has passed since last update.

はじめに

キャプチャ.PNG
一枚の画像でアニメーションする方法を紹介します。
経緯としては普段のゲーム開発環境では一枚一枚をプログラムで読み込む作業があったのですが、
なんとunityでは簡単な設定でできるらいしいので試してみます。

設定

  • 画像を用意

    • 画像をproject>assets>imageに投下
    • キャプチャ1.PNG
  • 画像の設定方法

  • Pixels Per Unityを設定

    • 今回は一つの画像が300*300なので(300)に設定しました。300ピクセルを1ユニットに設定
  • Filter Modeの設定

    • 画像もドット絵なのでPoint(no Filter)に設定
  • Compressionの設定

    • Noneに設定
  • Sprite Modeの設定

    • スプライトエディターで画像を編集したいのでMultipleに設定
  • 今までの設定は以下

    • キャプチャ2.PNG

編集開始!

  • Sliceを押下
    キャプチャ33.PNG

  • あと適当に設定する

    • 自分の場合
    • TypeをGrid By Cell Sizeに設定
    • 一枚の画像サイズを設定する(300*300)
  • エディットでサイズが任意のものになっているか確認し「Apply」を押下する。

  • あとは画像を実行画面にドロップしてアニメーションファイルを保存する。

    実行して確認してみる

  • gifで出力する方法がわからないので、

  • いまいちなのですが、何とかアニメーションすることができました。
    キャプチffffャ.PNG

endo-app
普段はIT業界で働いてる新人のプログラマーです。 やる気は100%,技術は30%程度... 趣味はゲーム制作といったところ、 記事の内容はメモの用途として自分のために書きます。 なので、不親切な表現をした記事になることがあると思います。 ご了承ください。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away