🟢NFT Image Display
GM 0.9 update: Ethereum, Polygon, and Goerli blockchain compatibility. GM 0.10 update: GIF NFTs supported. GM 0.11 update: WEBP supported.
Last updated
Was this helpful?
GM 0.9 update: Ethereum, Polygon, and Goerli blockchain compatibility. GM 0.10 update: GIF NFTs supported. GM 0.11 update: WEBP supported.
Last updated
Was this helpful?
COPY/PASTE PARAMETERS
New in GM 0.11! Right click on a behaviour or component to copy. Then open an object, add the same behaviour or component, and right click it to paste identical parameter settings.
Stills, GIFs, and WEBP NFT images on the Ethereum, Polygon, and Goerli blockhains are compatible with The Sandbox Game's frame assets.
Build Singleplayer & Multiplayer Logic - about [SP] or [MP] behaviours or components
A frame asset will allow you to apply this component to display a still NFT image from the Ethereum, Polygon, and Goerli blockchains using a marketplace URL and other NFT data.
Display NFTs on the Ethereum, Polygon, and Goerli blockchains in the Game Maker.
Inputs: Marketplace link to NFT
Outputs: Display NFT
Add the NFT Image component to a frame-compatible asset. Get the URL from the NFT you wish to use from OpenSea and paste it into the URL section of the component. Validate and then test how it looks by pressing play.
This process doesn’t import the NFT asset itself, rather the component establishes a hyperlink to the NFT from OpenSea.
To get started you will need to have an asset with a frame built in. This is a specific characteristic of an asset that defines where on the object the NFT will be displayed.
You can create your own frames in VoxEdit by using the Frame Tool, or you can grab some readily available frames from the Library.
In this example, we are using the Billboard Frame asset in the Library.
First, place a frame-compatible asset, like the Billboard Frame, into the scene.
Apply the NFT Image component. If the Image Display component was applied by default, delete it by clicking the ‘X’.
To get the URL of your desired NFT, locate it in your wallet at OpenSea. Click on it to open its page, click the Share icon, and select Copy Link in the dropdown menu.
In the Game Maker NFT Image component, click the box next to Asset URL.
This will open a panel titled NFT IMAGE where you can paste the URL.
Once pasted, click Validate, which will make sure the URL is supported. If the link is incorrect or is an unsupported format then an error message will pop up.
If your URL has worked then your NFT will display as a preview in the box below the URL.
Click continue to finish.
Your newly added NFT won't display in the Edit mode of Game Maker.
To test how it looks click Play or press Tab to view it in play mode.
You may need to adjust the Scale Mode settings to fit the NFT image correctly in the frame: Original, Resize, Fit to Width, Fit to Height, or Repeat (tile).
Use the NFT Compatible Frame guide to create a custom frame for NFT images with VoxEdit.
