VR 空間で NFT を扱う方法を考える/VR x NFT

VR 空間で NFT を扱う方法を考える
2020.07.31 荒川

はじめに
2
「VR × NFT」というテーマで調査・検討してみました。
とりとめのない話になるかもしれませんが・・・ご容赦ください。
世間的な動き
コロナの影響もありバーチャルイベントが増加中
クリプト界隈で VR 関連のプロジェクトが盛り上げってきている
個人的な興味
標本が好き（昆虫、剥製、鉱物などなど）
世界中の標本をバーチャル空間で一望したい
アートなどの収集品をバーチャル空間に飾りたい

コロナの影響もありバーチャルイベントが増加中
3
cluster による、情報処理学会全国大会の公開セッション
https://www.youtube.com/watch?v=ffK7RvMDN1s

コロナの影響もありバーチャルイベントが増加中
4
VRChat で行われた国際サイエンスフォーラム
https://ict-enews.net/2020/07/21japanxr-science-forum/

コロナの影響もありバーチャルイベントが増加中
5
VRChat を使ったバーチャル空間最大のマーケット「バーチャルマーケット」
https://www.v-market.work/

コロナの影響もありバーチャルイベントが増加中
6
VRChat を使ったバーチャル空間最大のマーケット「バーチャルマーケット」
https://www.v-market.work/
画像出典元：https://news.mynavi.jp/article/20200421-1021333/

クリプト界隈の VR プロジェクトが盛り上がりつつある
7
Cryptovoxels
Decentraland
Somnium Space
The Sandbox（開発中）

最近の週間取引高ランキング
8
https://nonfungible.com/market/history 2020/07/29 22:51時点
https://twitter.com/nonfungibles/status/1288139664608636928

最近の週間取引高ランキング
9
https://nonfungible.com/market/history 2020/07/29 22:51時点
https://twitter.com/nonfungibles/status/1288139664608636928
VR系

最近の週間取引高ランキング
10
https://nonfungible.com/market/history 2020/07/29 22:51時点
https://twitter.com/nonfungibles/status/1288139664608636928
アート系

Cryptovoxels
11
LA の猫を救うチャリティーアートオークション
https://www.nederob.nl/2020/07/15/virtual-event-raised-5-000-for-kitten-charity/

Decentraland
12
10日間に渡るアートイベント
https://decentraland.org/blog/announcements/art-week-wrap-up/

Decentraland
13
ブロックチェーン界隈の有名なプロジェクトが参加したサッカーイベント
https://decentraland.org/blog/announcements/world-cup-recap/

それで・・・？
14

そもそもの話
15

問い
16
VR は普及するのか？
NFT（デジタルアイテム）が普及するのはどちらか？
ブロックチェーン系の VR プラットフォーム
ブロックチェーン系でない VR プラットフォーム

VR は普及するのか？とりあえずこちらは普及する前提で
NFT（デジタルアイテム）が普及するのはどちらか？
ブロックチェーン系の VR プラットフォーム
ブロックチェーン系でない VR プラットフォーム
問い
17

ブロックチェーン系プロジェクトの価値を考える
18
オープンなコミュニケーション・・・開発チームの独断ではない
透明性・・・すべてのデータは誰でもみられる
相互運用性・・・他の仮想世界でも共通の資産

技術的な VR の完成度は大きな問題ではない（かもしれない）Decentarland のガイドに、なかなかいいことが書いてある：https://docs.decentraland.org/design-experience/mvp-guidelines/

・・・それで、VR で NFT を扱うとは？
19

NFT は、デジタルアイテムをあらわす
20

NFT があらわすデジタルアイテムの実体
21
文字
音楽（mp3）
画像（png, gif, jpg, svg, ...）
動画（anime gif, mp4, ...）
3Dモデル（glTF, vox, ...）
その他（VR という媒体特有のフォーマットが今後でてくる？）
体感的には、PNG と Anime GIF が多い
参考： https://superrare.co/market https://makersplace.com/discover

VR で NFT（デジタルアイテム）を扱う
22
かざる：　空間にディスプレイ
つくる：　新しくアイテムを生み出す
つかう：　持っていることによるアクセス制御

かざる
23
https://docs.decentraland.org/development-guide/display-a-certified-nft/

かざる
24
https://wisdommingle.com/nft-non-fungible-token-blockchain-token-economy-and-capital-market-for-everyone/

かざる
25
https://cryptoart.show/vr/

つくる
26
https://github.com/decentraland-scenes/POAP-Booth

つくる
27
https://twitter.com/arandoros/status/1279168458857410562

つくる
28
https://dcl.ai/art-metaverses-perfect-fit-cn/

つかう
29
https://play.decentraland.org/?position=-3%2C-35&realm=hermes-amber

つかう
30
https://twitter.com/DCLjasonx/status/1281756073628536833

VR で NFT を扱うために必要なこと
31
かざる → 外部 API 呼び出し、サイズ制限にかからないこと
つくる → ウォレット接続
つかう → ウォレット接続

「かざる」はデベロッパーじゃなくても簡単にできることが重要

各 VR プラットフォームではどうか？
32

調べてみた VR プラットフォーム
33
Cryptovoxels
Decentraland
Somnium Space ※HMD必要
Mozilla Hubs
cluster
VRChat ※Macで動かせない...

Cryptovoxels の特徴
34
軽快（マインクラフトみたいな感じ）
VR 内の GUI で様々なオブジェクトを簡単に配置できる
オブジェクトに JavaScript を書ける、外部 API 呼び出し OK
自分の NFT（のサムネ画像）を飾れる（OpenSea と連携）

軽量なわりにできることが多いただ、JavaScript からウォレット連携できないのでNFT を操作するようなカスタマイズはできない（将来に期待）

Cryptovoxels で NFT を扱う最短ルート
35
MetaMask を入れたブラウザでここにアクセス（誰でもビルドできる場所）https://www.cryptovoxels.com/play?coords=NE@161W,280N
右上「Log in」をクリック
Tab を押して「NFT」タブを開く
持っている NFT を D&D

参考：https://www.cryptovoxels.com/about

Decentraland の特徴
36
重い（Mac だけ？）
GUI のビルダーで様々なオブジェクトを簡単に配置できる
自分の NFT（画像、一部の NFT は 3Dモデル）を飾れる
SDK を使うとかなり柔軟な処理がかける

GUI のビルダーでは NFT を操作するような処理がつくれないSDK を使えばウォレット連携含め何でもできる（時間はかかる）処理の重さ、3D オブジェクトなどのサイズ制限が課題

Decentraland で NFT を扱う最短ルート（1）
37
GUI のビルダーを使うやり方
MetaMask を入れたブラウザでビルダーにアクセス https://builder.decentraland.org
「New scene」を選び、右側の下方にある「Collectibles」を選ぶ
NFT を選んで配置するこのやり方だと、配置できるのみ

Decentraland で NFT を扱う最短ルート（2）
38
SDK を使うやり方
$ yarn global add decentraland
サンプルプロジェクトを git clonehttps://github.com/decentraland-scenes/Certified-criptokitty
$ dcl start何でも処理がかけるが、開発にはそれなりに時間がかかる感触サイズ制限がシビアなので、3Dモデルなどは個別に調整が必要参考：https://docs.decentraland.org/

Mozilla Hubs の特徴
39
VR 内の GUI ですべてが完結する（モノの配置、処理の記述）
Google Poly や Sketchfab の 3D モデルを簡単に配置できる
会議や発表イベントが目的なら、必要な機能はもう揃っている
逆に、それ以外の特殊なことをやりたいなら大掛かり

素晴らしいクオリティのプロダクトGUI で完結するよう作ってあるだけに、ウォレット連携などの独自処理を入れるのは時間が必要そう（フォークして作る感じ）プラグイン的な仕組みはいまのところなさそう…？

Mozilla Hubs で NFT を扱う最短ルート
40
$ git clone https://github.com/mozilla/hubs.git
$ cd hubs
$ npm ci
$ npm run dev
レッツカスタマイズ！まずどこをどういじればいいのか調べなきゃいけない・・・参考：https://hubs.mozilla.com/docs

cluster の特徴
41
クラスター株式会社が開発・運営
最近、ゲームの制作・公開を可能にするアップデートを導入
開発は Unity で行う
現状、外部 API は呼べない（今後、機能が拡張されていく予定）

まだ外部 API やウォレットとの連携はできなそう今後機能が拡張されることに期待

cluster で NFT を扱う最短ルート
42
外部 API 呼び出しができるようになるのを待つ参考：https://creator.cluster.mu/

所感とまとめ
43

所感
44
いかに簡単に 3D 空間をつくれるかが重要
時間がかかりすぎると、ユーザー・プロジェクトが参入しない
Cryptovoxels, Mozilla Hubs が秀でている
ウォレット連携って、意外と簡単に組み込めない
ブロックチェーン系プロジェクトの強み
Hubs, cluster, VRChat などはここでつまづく（プラグインをつくれば需要あるのでは？）
意外と制約が大きくて、思い通りの空間をつくれない
クライアントの処理性能が課題
3D モデルを一望できる博物館みたいなものはつくれない（解像度をかなり粗くすればいけるかもしれないが）

所感
45
NFT の表示はけっこうされてるけど、インタラクション要素がある例はまだ全然なく、やり方も標準化されていない

まとめ
46
NFT を VR で扱いたいと思ったとき・・・
Cryptovoxels → まだ飾るだけ、機能拡張されないかな...
Decentraland → 時間かければ飾る以上のことができる
Mozilla Hubs → コードを解読してこれから新規モジュールを開発しよう！
cluster → まだ何もできない
VRChat → Unity で作り込めばいけるのでは？