![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/123.png?resize=640%2C511)
先日、clusterのワールド制作に使われるCluster Creator Kit(以下CCK)について1.14.1バージョンへのアップデートが行われました。
さっそく、新機能に含まれるUrl Raw Imageを使ってみましょう。
Url Raw Image | Cluster Creator Kit ドキュメント
この機能は文字通り、画像のURLからデータを取得し、画像を映し出す機能です。
UnityへのCCKの導入方法はcluster公式ページに載っているためここでは省きます。
Creator Kitの導入 | Cluster Creator Kit ドキュメント
CCKを導入したら、まず「Hierarchy」内で右クリックをし、UI→ Imageを選択。
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-22.png?resize=529%2C662)
Hierarchy内にでてきたCanvasの階層
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-27.png?resize=405%2C207)
を選択後、「Inspector」内の一番下のAdd Componentから、Url Raw Imageを選択。(Raw Image コンポーネントも同時につきます)
ここで注意!
一つ下の階層のImageから追加しようとすると子オブジェクトのコンポーネントの関係で、このようなエラーがでます。
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-26.png?resize=640%2C243)
そのため、Canvasから必ずコンポーネントを追加しましょう。
コンポーネントを追加して
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/url1.png?resize=356%2C470)
あとは、画像のURLを張りつけて、
(今回はツイートした画像を右クリックででてくる画像のリンクをコピーのリンク先)
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-29.png?resize=640%2C437)
URLから任意の画像を映し出すことができます。
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/url2.png?resize=345%2C88)
Rect Transformの欄から、大きさや位置を調節、
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-23.png?resize=353%2C196)
Render Modeを切り替えてWorld Spaceにすることで
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-24.png?resize=345%2C175)
完了!(画像比率は16:9がおすすめです)
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-28.png?resize=640%2C317)
なんとこれだけ!!
Url Textureを使って入れ替えが簡単な写真展をつくろう – Cluster Creators Guide
けれど、もっといい方法がCluster Creators Guideにあるそうなのです。
なんと…!記事を書いたあとに気づきました。不覚。
ツイッターの画像リンクではなく、グーグルドライブの階層ならば、アップロードした画像を置き換えることでワールドを更新せずに画像を張り替えることができます。
こちらも
![](https://i0.wp.com/clustimes.com/wp-content/uploads/2021/11/image-25.png?resize=446%2C315)