TOP › マイページTOP ›
入稿ドキュメントMAP › Vket公式アセット ›
VketImageDownloader

VketImageDownloader

概要

VRChatの Image Loading(vrchat.com) の仕組みを利用して、指定したURLから画像をダウンロードして表示できるPrefabです。
RendererとMaterialに読み込んだ画像の表示先を指定できます。
画像はVketOnBoothEnter時に読み込まれ、指定RendererのマテリアルのMainTexを上書きします。(上書きするシェーダーパラメータはTextureInfoで変更可能)
画像はワールド全体で同時に一枚しか読み込めず、他のスペース（展示エリア）で画像が読み込まれた場合、前に表示していたRendererは読み込み前の表示テクスチャに戻ります。

※使うURLのドメインがVRChat側で TrustedURLs に設定されてない場合は、来場者の設定で Allow Untrusted URLs にチェックが入っていない場合、読み込まれないのでご注意ください。

※上級者向けです。生成後、Inspectorから各種設定を行ってください。

使用方法

Prefab追加方法

VketToolsのVketPrefab一覧を選び、追加したいPrefabの生成と設定から追加を行います。
設定の方法は、各Prefabの説明に沿って進める形となります。

VketImageDownloaderの設定

Prefab追加後にHierarchyに追加された VketImageDownloader を選択して、Inspectorから各種設定を行います。

Target RendererとTarget Materialの設定

Target Renderer と Target Material で読み込んだ画像の表示先を指定します。

今回は例でQuadに映し出してみます。

1. Quad作成
   HierarchyのDynamic内に右クリックで 3DObject を選択して、Quad を選択します。
   
2. Quadに割り当てる専用のマテリアルを作成
   Assetsの空いてるスペースで右クリックし、Create　を選択して、Material　を選択します。
   作成するマテリアルのShaderは任意ですが、今回は Unlit/Texture を選択しました。(InspectorのShaderから変更が可能です)
   
3. Quadにマテリアルを割り当て
   作成したマテリアルをQuadに ドラッグアンドドロップ します。
   
4. URLとTarget RenderとTarget Materialを設定 Hierarchyの VketImageDownloader を選択して、InspectorのURLに 画像参照先のURL を記載します。
   次にTarget Renderに表示させたい Renderer (今回はQuad)を選択します。
   次にTarget Materialで先程作成したマテリアルを選択します。
   

※最大解像度は 2048 × 2048 ピクセルです。

※画像参照先のURL は下記のドメイン以外のURLを記載した場合、VRChat側の設定で Allow Untrusted URLs が有効化されていない場合は表示ができません。

• Discord (cdn.discordapp.com)
• Dropbox (dl.dropbox.com)
• GitHub (*.github.io)
• ImageBam (images4.imagebam.com)
• ImgBB (i.ibb.co)
• imgbox (images2.imgbox.com)
• Imgur (i.imgur.com)
• Postimage (i.postimg.cc)
• Reddit (i.redd.it)
• X (pbs.twimg.com)
• VRCDN (*.vrcdn.cloud)
• VRChat (assets.vrchat.com)
• Ytimg (i.ytimg.com)

詳細はこちら：Image Loading(vrchat.com)

Texture Infoの設定

Hierarchyの VketImageDownloader を選択して、Inspectorの Texture Info でテクスチャの詳細設定や読込先のシェーダープロパティを設定できます。

↑ ページ上部に戻る