【Unity3D】アイテムに触れると、設定したボタンに、そのアイテムの画像を出力させたいです。

##初めに
初めまして。この度は、初めてUnity3Dを使いゲーム製作を試みているのですが、わからない事がでてしまいました。ご教授お願いします。
謎解きの迷路を作成しようと思っています。

##前提
game画面右側に、UIのBUTTONでアイテムリストを作成しました。
Playerがアイテムに触れると、そのアイテムは消え、Button内にその消えたアイテムの画像を表示させるようにしたいと考えております。

##現状
アイテムリスト、Player、Itemをそれぞれ作成しました。
また、PlayerがItemに触れると、そのアイテムは消えます。しかし、Button内にItemの画像が出力されません。
画像の準備はできています。
下に現在の状況を画像で説明させて頂きますが、
下のGameの右のbuttonのアイテムリストの一つに、画像を表示させたいです。
不明な点や、その他必要な資料がありましたら、送らせて頂きます。
よろしくお願いします。

##現状の画像

これが現在の状態です。
Gameの右側にbuttonでアイテムリストを作成しました。

これがItemのスクリプトです。
現在は、playerに触れると消えるのみの設定です。

これが準備した画像です。
今、地面にはplayerとItemとしてCubeでつくった物が一つあります。

行動規範の内容に同意します

回答1件

ベストアンサー

たぶん右側のボタンをインベントリみたいな感じで使いたいってことですよね。
とりあえずボタンの画像を差し替えるやり方を試してそれをゲームに反映させたらいいかと思います。
画像を差し替えるためにはGetComponent<Image>().spriteでImageのスプライトを差し替えてあげればOKです

どういう仕様で作りたいかわからなかったので、とりあえずアイテム側に画像とボタンを指定させるアナログな方法でやってみます。

cs
1using System.Collections;
2using System.Collections.Generic;
3using UnityEngine;
4using UnityEngine.UI;
5
6public class Item : MonoBehaviour
7{
8
9    [SerializeField] Sprite myImage; // 取得したときにボタンに表示する画像
10    [SerializeField] Image myButtonImage; // 変更したいUI画像（ボタン自体 or ボタン小要素にImage追加してそれをアタッチ）
11
12    private void OnTriggerEnter(Collider other) {
13        if(other.tag == "Player") {
14            myButtonImage.GetComponent<Image>().sprite = myImage;
15            Destroy(gameObject);
16        }
17    }
18}
19

アイテム自体に「自身のアイコン画像」と「変化させたい画像（ターゲット）」をインスペクターでアタッチします

あとはGetComponent<Image>().spriteで自身にアタッチしている画像で、ターゲットの画像を差し替えています。とりあえずGetComponent<Image>().spriteでImageの画像を差し替えできるというのがわかればボタンなり、UIなり、スプライトなりに応用できると思います。

投稿2019/05/23 09:35