メニュー

【Unity】SpriteおよびRawImage 画像を読み込む方法

eyecatch_unity

本記事ではコードを使った画像の読み込み方法をまとめて紹介しています。

目次

Unity:スプライト画像を読み込む方法

  • 差し替える画像(ブログのprofile画像)

インスペクターで指定したSprite画像に変更する場合

  • GameObject>UI>Imageを作成
  • Imageに下記のコードをアタッチ

  • アタッチ後、Spriteに画像(profile)をアサイン
  • 再生を押すと、Imageの画像(profile)に変化します。

メモ

  • publicにしたくなかったので、[SerializeField]をつけてprivateでもインスペクタに表示できるように
  • imageのコンポーネントに直接アタッチ。別のゲームオブジェクトにつけて GameObject.Find("Image")みたいにして探すのは処理が重い。
https://qiita.com/ele_enji/items/5faf1b48c8db2e08f393
あわせて読みたい
Unity - スクリプトリファレンス: UI.Image.spriteUnity のマニュアルは、Unityの使い方を学ぶ手助けとなります。Unityを使って 2D や 3D ゲームを作成したり、ゲーム以外のアプリを作成したりして多くの経験を積みましょう...

メモ

  • Assets直下にResourcesフォルダを作成し、そのなかにスプライト画像(profile)を格納。

Resources.Load < Sprite >()で読み込む。

あわせて読みたい
Unity - スクリプトリファレンス: Resources.LoadUnity のマニュアルは、Unityの使い方を学ぶ手助けとなります。Unityを使って 2D や 3D ゲームを作成したり、ゲーム以外のアプリを作成したりして多くの経験を積みましょう...

Unity:RawImageでネットワークから取得した画像の表示する方法

ImageではなくRawImageを使うと、ネットワークから取得した画像の表示することができるようなので試してみました。

あわせて読みたい
Raw Image - Unity マニュアル
Raw Image - Unity マニュアルThe Raw Image control displays a non-interactive image to the user. You can use this for purposes such as decorations or icons, and you can change the image fro...

やり方

下記のコード(GetNetworkImage.cs)を適当に作成したRawImage(h100 w100)にアタッチして再生すると、ネットから画像を取得して表示できます。

ブログのプロフィール画像を表示させてみました。

いんでぃーづ
Unity : Image と RawImage は何が違うのか - いんでぃーづ
Unity : Image と RawImage は何が違うのか - いんでぃーづGUIで画像を貼り付けたい時、ImageコンポーネントとRawImageコンポーネントでどっちを使うか迷ったりしませんか? 無駄に悩む事がないよう、しっかり違いを把握しておきま...

メモ

IEnumerator Start IEnumeratorはコルーチンを使えるようにする型。

new WWW(url); wwwクラスのコンストラクタに画像URLを指定

あわせて読みたい
UnityEngine.WWW - Unity スクリプトリファレンスWeb にシンプルにアクセスします

yield return www;

この記述が無いと返り値を返さないとエラーerror CS0161: `ImageDownloder.Start()': not all code paths return a valueがでる

www.textureNonReadable;ダウンロードしたデータからピクセルデータの読み込みができない Texture2D を生成し返す

あわせて読みたい
Unity - スクリプトリファレンス: WWW.textureNonReadableUnity のマニュアルは、Unityの使い方を学ぶ手助けとなります。Unityを使って 2D や 3D ゲームを作成したり、ゲーム以外のアプリを作成したりして多くの経験を積みましょう...

rawImage.SetNativeSize();を追加すると画像サイズで表示できる

あわせて読みたい
UI.RawImage-SetNativeSize - Unity スクリプトリファレンスピクセルパーフェクトを作成するために RawImage サイズを調整します

以上、すいみん(@cg_method)でした!

この記事も読まれてます

目次
閉じる