LogoLogo
一般アカウントプレイヤーオーナークリエイターThe Sandbox ウェブサイト
クリエイターページ
クリエイターページ
  • 🎆クリエイター向けコンテンツのご紹介
  • 🟦制作の基本
    • 🟦LAND の使用方法とサイズ
    • 🟦アセットと装備品
    • 🟦アバターとキャラクター
    • 🟦外観とイメージ
    • 🟦ロジックの基本
    • ❓ゲームプレイに関する質問
    • ❓アセットに関する質問
  • 🪙収益化
  • Game Maker
    • ✨体験の制作
    • 🔰初心者向けガイド
    • 📖ドキュメント
      • Game Maker ホーム画面
      • 体験の管理
      • コントロールとショートカット
      • 制作に関するメニュー
        • トップバー
          • メニューバー
          • Objective
          • Player
          • Gameplay
          • Debug
        • サイドバー
          • Hierarchy
          • Preset
        • ライブラリとクイックアクセスバー
        • グリッドシステムとスナップツール
        • プロパティパネル
      • 🔹ブロックの使い方
      • 🔹アセットとオブジェクトの使い方
        • ビヘイビアとコンポーネントのパラメーター
        • Tags(タグ)
        • Messages(メッセージ)
      • 🔹Behaviour(ビヘイビア)
        • Actor Property Switcher
        • Advanced Platform
        • Animated Decoration
        • Asker
        • Asset Spawner
        • Basic Platform
        • Bird
        • Citizen
        • Crowd Event
        • Door
        • Farmer
        • Healer
        • Melee Enemy
        • Message Broadcaster
        • Multi
        • Post Process Effects
        • Predator
        • Prey
        • Projectile
        • Replace Asset
        • Spawn Point と Avatar's Feature
        • Soldier
        • Timed Events
        • Void
        • Weather Switcher
      • 🔹Components(コンポーネント)
        • Avatar Checkpoint
        • Avatar Teleport
        • Button
        • Climbable
        • Collectable
        • Defeat
        • Drop
        • Health
        • Image Display
        • Indicator
        • Light
        • NFT Details Display
        • NFT Image Display
        • NFT Sensor
        • Pickable
        • Plant
        • Play Sound
        • Power Up
        • Rarity VFX
        • Raycast
        • Slide
        • Speaker
        • Switch
        • Toggle
        • Trigger Volume
        • Victory
        • Visual FX
      • 🔹ゲームルール
        • ルールタイプ
        • シングルプレイヤーとマルチプレイヤーのロジック
      • 📋クオリティガイドライン
        • Text Formatting
        • 最適化
        • テスト
        • プレイアビリティ
      • パッチノート
        • Game Maker 0.9 (Active)
        • Game Maker 0.8 (Active)
        • 0.7
        • 0.5 [10/02/2021]
        • 0.4 [12/23/2020]
      • 🔩テンプレート
    • 📑クリエイティブガイド
      • 📗ゲームルールガイド
        • 🅿️Point Race
        • 🅿️Collect Points(ポイント集め)
        • 🅿️Time Trial(タイムトライアル)
        • 🅿️Combo(コンボ)
        • 🅿️Hunger(ハンガー)
        • 🅿️Poison(ポイズン)
        • 🅿️Shop(ショップ)
        • シングルプレイヤーとマルチプレイヤーのロジック
      • ⚙️ロジックガイド
        • Climbing
        • Doors & Chests
        • Dialogue Strings
        • Quiz
        • Collectibles
        • Quests
          • Quest System & Indicators
          • Dialogue States for Quests
        • Platforms
          • Button & Platform
        • Victory & Defeat
        • Miscellaneous
        • NFT Inspect
        • Fighting
        • Respawn
      • 🏞️体験ガイド
        • Tower Defense
        • Horror/Backrooms
        • Parkour & Platformers
        • Resource Management
          • Cooking Simulator
        • Survival
        • Action / Adventure
        • Night Club & Sound
        • Virtual Home & Architecture
        • NFT Gallery / In-Game Shop
        • Puzzle Games
        • Social Hubs
        • Simulation
      • 🎲体験デザインテクニック
        • ストーリーデザイン
          • Worldbuilding
          • Storyboard
          • Dialogue
        • アートデザイン
          • Experience Art Concept
          • Asset Curation
          • Blockout Aesthetics
          • Detailing /Dressing
        • 3D 空間レイアウト
          • Rough Base Map
          • Greyboxing / Blockout
        • ゲームデザイン
          • 難易度の設定
          • リスクと報酬
          • Game Loops & Decisions
    • 🎬ゲーム制作ガイド
      • 🟥コンセプト
      • 🟧ブロックアウト
      • 🟨ロジック
      • 🟩アート
      • 🟦QA
      • 🟪ポリッシュ
      • ⬜マーケティング
    • 🧰体験の公開
      • 体験マネージャー
        • Experience Analytics
        • 🧰体験ページ
          • Content Guide
          • Marketing
          • Create an Experience Trailer
          • Player Engagement
        • マップロケーション
        • アセットレビュー
        • GM Compatibility Check
        • アクセス制限
      • Collaborating With Third Parties
      • ❓体験の公開に関する質問
    • 🕘変更履歴
      • Game Maker 0.11
        • 0.11 アップグレードガイド
    • ❓Game Maker に関する質問
  • VoxEdit
    • ✨アセットの制作
    • 🔰初心者向けガイド
    • 📖ドキュメント
      • Navigate VoxEdit Home
      • Controls & Shortcuts
      • 🔹ブロックエディタ
        • ブロックエディタ - メニュー
        • Block Editor Dropdown Menu
        • Block Editor Top Bar
        • Block Editor Tools Menu
        • Block Editor Viewport
        • Block Editor Panels
      • 🔹モデラー
        • Modeler Menus
        • Modeler Dropdown Menu
        • Modeler Top Bar
        • Modeler Tools Menu
        • Modeler Viewport
        • Modeler Panels
      • 🔹アニメーター
        • Animator Menus
        • Animator Dropdown Menu
        • Animator Top Bar
        • Rig: Animator Skeleton & Viewport
        • Motion: Animator Timeline Panel
        • Animator Library & Inspector Panels
      • 🔹テンプレート
      • 📋クオリティガイドライン
        • Asset Types & Collisions
        • Asset Scale
        • Node Efficiency
        • Pivot Point & Alignment
        • アニメーション
        • ビジュアルクオリティ
        • Asset Name & Description
        • Manage Files & Folders
    • 📑クリエイティブガイド
      • 🧍アセットガイド
        • Structures & Landmarks
          • Basic Building: No Entry
          • Animated Building: No Entry
          • Unanimated Building: Player Entry
          • ランドマーク
          • 建物の正面
          • Structure Component Parts
          • Modular Architecture
        • Humanoids & Animals
        • Vehicles
        • 装備品
        • Art: Statues, Paintings
          • Animated Art Screens
          • Statues
          • キネティックアート彫刻
          • Paintings
          • パフォーマンスアート
        • Furniture
        • Platforms
        • Doors, Gates, and Windows
          • Multi Design Door Asset
        • Chests & Other Animated Interactions
        • Plants, Trees
        • Objects, Machines
        • Signs & Text
        • Obstacles
        • フレームアセット
      • 🎨アートテクニック
        • アートアイデア
        • 3D デザイン
          • 🧹Need to Simplify?
          • ✂️Trim All Volumes
          • 🟢Optimize with Texture
          • 🟢Curved Edges: Blocky Style
          • 🟡Break Down Objects
          • 🟡Create Smooth Angled Lines
          • 🟡Circular Shapes: Cross Technique
        • 色とテクスチャ
          • 🪅Colour Choice & Strategy
          • 🧱Textures & Materials
    • 🧰アセットのワークスペースへのアップロード方法
    • 🌟アセットのミントと販売方法
    • 🕘変更履歴
    • 🔓オープンソースアセット
    • ❓VoxEdit に関する質問
  • クリエイター向けプログラム
    • 🏗️Builders' Challenge
      • ルールと参加条件
      • 賞金の獲得と報酬
      • Builders' Challenge 成功のコツ
      • ❓Builders' Challenge に関する質問
    • ℹ️コンテスト
    • 🏆Game Jam
      • ルールとガイドライン
      • 審査と投票
      • 過去の入賞作品
      • ❓Game Jam に関する質問
    • 🏆VoxEdit コンテスト
      • ルールとガイドライン
      • 審査と投票
      • 過去の入賞作品
      • ❓FAQs: Voxel Art Contests
  • 一般
    • 📚The Sandbox ドキュメント
    • 🔄遊んで、作って、稼ごう!
    • 🗺️マップ
    • 🛒マーケットプレイス
    • 🗣️Discord コミュニティ
    • 🔗SNS、お知らせ、ブログ
    • The Sandbox リンク集
    • 📣FAQ(よくある質問)
    • ❓ヘルプ、お問合せ
GitBook提供
LogoLogo

インフォ

  • Discord
  • SNS、お知らせ、ブログ
  • システム状況

プレイ

  • イベント
  • マップ
  • アバター

制作

  • VoxEdit
  • Game Maker
  • コンテスト

所有

  • SAND
  • LAND
  • トークン

Copyright © The Sandbox. All Rights Reserved.

このページ内
  • 体験内にNFT をディスプレイする方法
  • NFT Image Display のコンポーネント [MP]
  • おすすめの使い方
  • コミュニケーション
  • NFT Image Display について
  • 概要
  • 制限
  • NFT Image Display のコンポーネントを使用する
  • NFT をテストする

役に立ちましたか?

  1. Game Maker
  2. ドキュメント
  3. Components(コンポーネント)

NFT Image Display

このコンポーネントを使って体験の中に静止画のNFTを表示することができます。

前へNFT Details Display次へNFT Sensor

最終更新 3 か月前

役に立ちましたか?

Game Maker 0.10 強化点

GIFS をサポートできるようになりました。 Game Maker 0.9 強化点

Ethereum、Polygon、Goerli ネットワークのマーケットプレイスをサポートできるようになりました。

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

フレームアセットにこのコンポーネントを設定することで、マーケットプレイスのURL やNFT のデータを使いEtherum、Polygon、Goerli のブロックチェーンからのNFT の静止画 を表示できます。

おすすめの使い方

  • Game Maker でEthereum、Polygon、Goerli のブロックチェーン上のNFT を表示できます。

コミュニケーション

インプット:

OpenSea のNFT にリンク

アウトプット:

NFT を表示

NFT Image Display について

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

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

概要

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

制限

以下に注意してオブジェクトのNFT Image Display のコンポーネントを使ってNFT のURL をリンクさせてください。

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

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

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

フレームを使用する

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

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

このページではライブラリにあるBillboard Frame を使用して説明していきます。

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

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

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

Behaviour のタブまでスクロールするとComponents が表示されます。

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

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

削除したらAdd Component をクリックします。

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

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

URL の設定

画像のページに移動したあと下記画像の黒い円のマークをクリックするとCopy Link(リンクをコピー)のオプションが表示されるので、クリックしてリンクをコピーします。

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

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

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

URL が正しければNFT のプレビューがURL の下に表示されます。Continue(次へ)をクリックし、NFT がどのように表示されるかを確認することができます。

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

NFT をテストする

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

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

ディスプレイが希望するように表示されなかった場合、Scale Mode を使用して以下の変更を行い、希望のディスプレイにすることができます。

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

のページでも[SP] や [MP] のビヘイビアやコンポーネントの使い方をご紹介しています。

NFT Image Display のコンポーネント [MP]

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

📖
🔹
シングルプレイヤーとマルチプレイヤーのロジックを制作
OpenSea