🟢NFT Image Display

Display NFTs in Your Experience

Stills, GIFs, and WEBP NFT images on the Ethereum, Polygon, and Goerli blockhains are compatible with The Sandbox Game's frame assets.

NFT Image Display [MP]

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.

Common Uses

• Display NFTs on the Ethereum, Polygon, and Goerli blockchains in the Game Maker.

Communications

TL;DR

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.

Using a Frame

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.

Using the 'NFT Image' Component

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’.

Connecting the URL

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.

Test Your NFT

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.

Troubleshooting

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).

​