LogoLogo
Knowledge BaseOther Academies & GuidesThe Sandbox Website
  • Game Maker Academy へようこそ!
  • 👋Game Maker 概要
    • 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(ゲームオーバー)
  • 📐ゲームデザイン
    • ゲームデザインのヒント
  • 💡チュートリアル
    • 初級者向けチュートリアル
      • 互換性のあるNFT フレームの作成
      • ドアと鍵
      • 動くプラットフォーム
      • ダメージ判定のあるブロックの作成
      • ボスを倒してVictory 画面をトリガーする
      • クエストの作成(全行程)
      • スポーンポイント及びテレポート
      • プレイヤーを回復させたり、ダメージを与えるためにオブジェクトを拾う
    • 中級者向けチュートリアル
      • ◑ ソーシャルハブの作成
        • ルールと制限
        • ソーシャルハブのビヘイビア
        • ソーシャルハブのコンポーネント
      • ◑ 初めてのRPG 作成
        • 1:RPG 体験の作成
        • 2:RPG のNPC 作成
        • 3: 敵の作成
        • 4: クエストの作成
        • 5: はじめに設定したNPCに戻る
        • 6: クエストのサインを設定する
        • 7: リワードの作成
        • 8: Victory とDefeat の条件を設定する
    • 上級者向けチュートリアル
      • 4方向テレポートシステム – 最新版
      • Key とDoor の使い方(上級編)
      • ゾンビに変身させる
      • 光るスピンリングの作成
      • 2方向テレポートシステムの作成
      • TNTの爆発と TNT リスポナー
  • 📝パッチノート
    • パッチノート用ダッシュボード
    • 8️⃣Game Maker 0.8
    • 0.7
    • 0.5(更新日:2021/2/10)
    • 0.4(更新日:2021/10/02)
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 詳細表示)

Last updated 1 year ago

体験内に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をディスプレイする方法をご紹介しました。

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

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

OpenSea
互換性のあるNFT Frame の作成