メニュー
\ ポイント最大11倍! /詳細を見る

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

eyecatch_unity

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

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

目次

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

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

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

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

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

メモ

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

メモ

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

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

https://docs.unity3d.com/ja/530/ScriptReference/Resources.Load.html” docs.unity3d.com

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 サイズを調整します

全記事一覧

  • URLをコピーしました!

Unityに関する参考記事・ツール・書籍のまとめ

Unityの参考書籍

著:北村 愛実
¥2,673 (2024/04/14 08:56時点 | Amazon調べ)
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場
著:吉谷幹人, 著:布留川英一, 著:一條貴彰, 著:西森丈俊, 著:藤岡裕吾, 著:室星亮太, 著:車谷勇人, 著:湊新平, 著:土屋つかさ, 著:黒河優介, 著:中村優一, 著:牙竜, 著:コポコポ, 著:かせ, 著:hataken, 著:monmoko
¥4,400 (2024/04/20 09:21時点 | Amazon調べ)
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場
著:森哲哉, 著:布留川英一, 著:西森丈俊, 著:車谷勇人, 著:一條貴彰, 著:打田恭平, 著:轟昂, 著:室星亮太, 著:井本大登, 著:細田翔, 著:西岡陽, 著:平井佑樹, 著:コポコポ, 著:すいみん, 著:Maruton, 著:karukaru, 著:ハダシA, 著:notargs, 著:EIKI`, 著:おれんじりりぃ, 著:黒河優介, 著:中村優一, 著:藤岡裕吾
¥8,408 (2024/04/20 09:21時点 | Amazon調べ)
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場
ボーンデジタル
¥5,060 (2024/04/16 10:47時点 | Amazon調べ)
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場
技術評論社
¥4,620 (2024/04/14 08:56時点 | Amazon調べ)
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場

Unityの人気アセット

目次