メニュー
Kindle9周年!読み放題が3か月199円!詳しく見る

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

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

目次

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

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

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

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

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

メモ

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

メモ

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

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

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

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

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

あわせて読みたい
Raw Image  - Unity マニュアル Raw Image コンポーネントは相互作用しない画像をユーザーに表示します。これは装飾やアイコンなどに使用され、画像はスクリプトからも変更することもでき、他のコンポーネ...

やり方

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

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

いんでぃーづ
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.textureNonReadable Unity のマニュアルは、Unityの使い方を学ぶ手助けとなります。Unityを使って 2D や 3D ゲームを作成したり、ゲーム以外のアプリを作成したりして多くの経験を積みましょう...

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

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