More than 1 year has passed since last update.

Nember ArtのNFTを3D/VR空間に展示してみる

Last updated at 2024-03-29Posted at 2021-05-31

Nember Artはサービスを終了しており、本記事の内容は投稿時点での内容となります。

はじめに

Nember Artとは、Symbolブロックチェーンのテストネットを使ってNFTアートを扱うことができるプラットフォームです。（私の解釈）

作成されたNFTは、ブロックチェーンに乗っかっているデータなので、他のサイトでも見れたりするのが自然かなと思いました。

なので、3D空間に表示してみようと思います。あと、VRで入れるようにしてみようと思います。

Unityで3Dワールドを作る

Unity

Unity Personalなら条件付き無料なので、ぜひ試してみてください。

建物

3Dモデルは買います。

導入した図。

これにNFTのメディアを表示するオブジェクトを追加します。

アート表示

建物にアートを表示していきます。メディアデータはHTTPで取得できるようにしておき、実行時にダウンロードするようにします。

3D表示だけのやつと、VRのやつでやり方が異なります。

3D表示はブラウザで見れるように、WebGLでビルドすることを想定しています。VR用はVRChatのワールドとしてアップロードすることを想定しています。

WebGL用

VRしない場合です。

展示パネルに合わせてQuadを置きます。

MyPanoramaというスクリプトでメディアをダウンロードして表示させるようにします。

using System.Collections;
using UnityEngine;
using UnityEngine.Networking;

public class MyPanorama : MonoBehaviour
{
    [SerializeField] private string url = default;

    void Start() {
        StartCoroutine(GetTexture());
    }
 
    IEnumerator GetTexture() {
        UnityWebRequest www = UnityWebRequestTexture.GetTexture(url);
        yield return www.SendWebRequest();

        if(www.isNetworkError || www.isHttpError) {
            Debug.Log(www.error);
        }
        else
        {
            var tex2d = DownloadHandlerTexture.GetContent(www);
            GetComponent<MeshRenderer>().material.mainTexture = tex2d;
        }
    }
}