LogoLogo
Knowledge BaseOther Academies & GuidesThe Sandbox Website
  • Game Maker Academy へようこそ!
  • 🏆Japan Game Jam 障害物レース
    • 🔑ゲームルール&ロジックテンプレート
    • 📘ルールとガイドライン
    • 👩‍⚖️審査と投票
    • ❓FAQ とリソース
  • 👋Game Maker 概要
    • Game Maker について
    • Game Maker で使用するツール
  • 🏁はじめに
    • プロフィールの作成
    • Game Maker のインストール
    • マルチプレイヤーについて
      • マルチプレイヤー環境下でのパフォーマンス
  • 🚀ローンチ
    • Game Maker のローンチ方法
    • 体験の作成
  • 🧰メニュー
    • インターフェース概要
    • Top Bar(トップバー)
    • Side Bar(サイドバー)
    • Library(ライブラリ)
    • Toolbar(ツールバー)
    • Hierarchy(ヒエラルキー)
  • 🧭カメラコントロール
    • カメラコントロール概要
    • Game Maker の操作とショートカットキー
    • パンニング
    • 回転
    • ズーム
    • Shift キー
    • 旋回
    • ターゲット
  • 🌎BLOCK(ブロック)
    • ブロックについて
    • ブロックの配置方法
    • Brush(ブラシ)ツールを使う
  • 🦖Asset(アセット)
    • アセットについて
    • アセットとオブジェクト
    • アセットの配置
    • Properties(プロパティ)
    • Rarity and Attributes(レアリティと属性)
    • Presets(プリセット)
    • アセットの親子化
  • 🦸‍♀️ Avatar(アバター)
    • アバターについて
    • Avatar Spawner(アバター スポナー)
    • Custom Avatar(カスタム アバター)
    • Player's Avatar(プレイヤーアバター)
    • Inventory(インベントリ)
  • 🔧Logic(ロジック)
    • ロジックの仕組み
    • Parameters(パラメーター)
    • Behaviours & Components(ビヘイビアとコンポーネント)
    • Triggers(トリガー)
    • Tags(タグ)
    • Messages(メッセージ)
  • 🐵Behaviours(ビヘイビア)
    • ビヘイビアについて
    • ビヘイビアの設定方法
    • ビヘイビア 一覧
      • Animated Decoration(アニメーション)
      • Asset Spawner(アセットスポナー)
      • Asker(質問者)
      • Basic Platform(ベーシックプラットフォーム)
      • Bird(鳥)
      • Button(ボタン)
      • Citizen(住人)
      • Crowd Events(グループイベント)
      • Door(ドア)
      • Farmer(農民)
      • Healer(ヒーラー)
      • Light(ライト)
      • Melee Enemy(近接エネミー)
      • Message Broadcaster(メッセージブロードキャスター)
      • Multi(マルチ)
      • Plant(植物)
      • Post Process Effects(ポストプロセスエフェクト)
      • Predator(捕食者)
      • Prey(獲物)
      • Replace Asset(アセットの交換)
      • Soldier(兵士)
      • Timed Events(制限時間付きイベント)
      • Void(空間)
      • Weather Switcher(天気変更)
  • ⚙️ Components(コンポーネント)
    • コンポーネントについて
    • コンポーネントの設定方法
    • コンポーネント一覧
      • Climbable(登る)
      • Collectible(収集品)
      • Defeat(ゲームオーバー)
      • Drop(ドロップ)
      • Health(体力)
      • Image Display(イメージ表示)
      • NFT Image Display(NFT イメージ表示)
      • NFT Display Information(NFT 詳細表示)
      • Indicator(インジケーター)
      • Pickable(拾う)
      • Play Sound(サウンド再生)
      • Rarity(レアリティ)
      • Speaker(スピーカー)
      • Toggle Behaviour(ビヘイビアの切替)
      • Victory(ビクトリー)
  • 🎮Global Parameters(グローバルパラメーター)
    • グローバルパラメーター
  • 🏆Rules(ルール)
    • Rules(ルール)
    • Welcoming Screen(ウェルカム画面)
    • Quests(クエスト)
      • Unlock Quest(クエストの解除)
      • Launch Quest(クエストの起動)
      • Quest Type(クエストの種類)
        • Counter(カウンター)
        • Asset Death(アセットを倒す)
        • Timer(タイマー)
        • Wait for Message(メッセージを待つ)
      • Quest Completion(クエストの完了)
      • Action After Completion(クエスト終了後のアクション)
    • Victory(ビクトリー)
    • Defeat(ゲームオーバー)
  • 📝パッチノート
    • 8️⃣Game Maker 0.8
Powered by GitBook
On this page
  • 体験内にNFTをディスプレイする方法
  • 概要
  • 制限
  • フレームを使用する
  • NFT Imageのコンポーネントを使用する
  • URL の設定
  • NFT をテストする
  1. ⚙️ Components(コンポーネント)
  2. コンポーネント一覧

NFT Image Display(NFT イメージ表示)

NFT Image (NFT イメージ)のコンポーネントを使うと体験の中に静止画のNFTをディスプレイすることができます。

PreviousImage Display(イメージ表示)NextNFT Display Information(NFT 詳細表示)

体験内にNFTをディスプレイする方法

ここでは体験内にNFT を表示するための方法を下記のチュートリアルを使ってご紹介します。

必要なアセット、使用するコンポーネント、NFT をどこからリンクさせるのか、制限などに関して説明します。

概要

NFT Image のコンポーネントをフレームと互換性のあるアセットに追加することができます。OpenSea から使用したいNFT のURL をコピーしてコンポーネント内にあるURL 欄にペーストします。Playをクリックして再生し、どのようにディスプレイされているかを確認することができます。

制限

オブジェクトのNFT Image のコンポーネントを使ってNFT のURL をリンクさせることができますが以下にご注意ください。

まず、現状サポートされているプラットフォームはOpenSea のマーケットプレイスのみになります。

現在のコンポーネントは静止画のみを表示することができ、動画やgif フォーマットはサポートされていません。

OpenSea からNFTへのハイパーリンクをコンポーネントが確立するというプロセスを使用しており、NFT のアセット自体をインポートしているわけではありません。

フレームを使用する

まずはじめにフレームのあるアセットを選択します。NFT がディスプレイされるオブジェクトにはフレームを持つアセットが必要になります。

Frame Tool(フレームツール)を使用してVoxEdit で自分のフレームを作成するか、マーケットプレイスから使用可能なフレームを選択することもできます。

このチュートリアルではライブラリにあるBillboard Frame(ビルボード フレーム)を使用して説明していきます。

NFT Imageのコンポーネントを使用する

まずはじめにBillboard Frame のようなフレームと互換性のあるアセットをシーンに設置します。F

シーンにアセットを配置し、クリックすると画面右側にProperties Panel(プロパティパネル) が表示されます。

Behaviour のタブまでスクロールするとコンポーネントが表示されます。

NFT Image のコンポーネントはImage Display のコンポーネントと同時に使用することはできません。

Image Display のコンポーネントがプリセットとして設定されているオブジェクトを使用したい場合、X をクリックして削除してください。

削除したらAdd Component(コンポーネントを追加)をクリックします。

コンポーネントのライブラリが表示されるのでNFT Image を選択します。

次にNFT Image のコンポーネントがリンクしているURL を設定します。

URL の設定

画像のページに移動したあとシェアを意味する不等号マークのアイコンをクリックし、Copy Link(リンクをコピー)をドロップダウンメニューより選択します。

Game Maker に戻りNFT Image のコンポーネントの下にあるAsset URL(アセットのURL)の右側の欄をクリックします。

NFT IMAGE のパネルが表示されるのでそこにURL をペーストします。

ペーストしたらValidate(認証)をクリックし、URL がサポートされているかを確認します。リンクが間違っている、もしくはサポートされていない形式であった場合にはエラーメッセージが表示されます。

URL が正しければNFT のプレビューがURL の下に表示されます。

Continue(次へ)をクリックし、NFT がどのように表示されるかを確認することができます。

URL のアドレスの最後にスラッシュ(/)がないことを確認してください。スラッシュがあるとエラーメッセージが表示されます。

NFT をテストする

Game Maker がEdit mode(編集モード)の場合にはNFT は表示されません。

Play mode(プレイモード)でPlay をクリックするか「Tab」キーを押すとNFT がどのように表示されるかを見ることができます。

もしディスプレイが希望するように表示されなかった場合、Scale Mode(スケールモード)を使用して以下の変更を行い、希望のディスプレイにすることができます。 Original(元のサイズ) Resize(サイズを変更する) Fit to Width(横幅に合わせる) Fit to Height(高さに合わせる) Repeat(繰り返す)

URL を使ってThe Sandbox Metaverse の中にNFTをディスプレイする方法をご紹介しました。

VoxEdit を使用してカスタム フレームを作成する方法に関しては互換性のあるNFT Frame の作成 をご覧ください。

に移動して、ディスプレイしたいNFT のURL を検索し、画像をクリックします。

OpenSea