Using non-fungible tokens (NFTs) in the Hyperspace Metaverse Platform allows authors to feature and transact NFTs including collectibles, 3D items, domain names, digital art, and many other items backed by a blockchain.
OpenSea is a leading peer-to-peer marketplace for (NFTs). OpenSea is an open web3 platform, where individuals can come to explore NFTs and connect with each other to purchase and sell NFTs.
Add NFT Art to your Metaverse Space
Add NFT 3D Models to your Metaverse Space
Add NFT Art to your Metaverse Space
Visit OpenSea.io
Find an item you’d like to place in your space
Collect two pieces of information
- Right click and copy the image address
- Copy the URL
- Click the Share icon
- Click Copy Embed Item
Eg.
<nft-card
contractAddress="0x1aaa3e26cf05f751f8efe0e3c81365d75cdba9e4"
tokenId="208">
</nft-card>
<script src="https://unpkg.com/embeddable-nfts/dist/nft-card.min.js"></script>
Visit your 3D Space
- Paste the image address in the chat input box at the bottom
- Click the red pin next to the URL in the chat history in the bottom right corner
- Choose Image for the type of item
- Click the OK button
The mediaboard will be placed in the space ready to move or edit
Click the settings/cog icon on the mediaboard
In the onclick field add the following replacing the highlighted embed code with your own, ensure that you escape the quotes in the highlighted area from " to \"
{"action":"displayExternalHTML","html":"<nft-card contractAddress=\"0x1aaa3e26cf05f751f8efe0e3c81365d75cdba9e4\" tokenId=\"208\"> </nft-card><script src=\"https://unpkg.com/embeddable-nfts/dist/nft-card.min.js\"></script>","id":7510}
Scroll down and click the Save item button
Anyone entering the 3d space and clicking the image mediaboard will trigger a popup displaying the OpenSea item and any actions available for it.
Add NFT 3D Models to your Metaverse Space
3D Model formats supported include .glb .glft .obj .fbx and .dae (Collada)
Note:
- If you can’t interact with the 3d item on OpenSea, like spinning it around with your mouse then it’s likely only an image of a 3d item and can’t really be used as an interactive 3d item in the metaverse.
- As with any 3rd party authored 3d item be sure to check the complexity of the item for performance across all devices.
Right click on the 3d item and choose Inspect from the menu
This will launch the Chrome developer tools and highlight the html div you clicked
Scroll up a bit to see the model-viewer tag that includes the URL of the 3D item
Right click on the src URL and choose Copy link address
Eg. https://openseauserdata.com/files/89e8937432e5bb9e30f24570aa06d7d6.glb
- Paste the copied link address into the chat bar at the bottom of the screen and press enter
- Click the red pin icon in the chat history next to the URL
The 3D item will be added to the space
Copy Embed Item from OpenSea
Eg.
<nft-card
contractAddress="0x2953399124f0cbb46d2cbacd8a89cf0599974963"
tokenId="109716514698682258262969981018818254075277780777642918413950292689957813223425">
</nft-card>
<script src="https://unpkg.com/embeddable-nfts/dist/nft-card.min.js"></script>
In the onclick field add the following replacing the highlighted embed code with your own, ensure that you escape the quotes in the highlighted area from " to \"
{"action":"displayExternalHTML","html":" <nft-card contractAddress=\"0x2953399124f0cbb46d2cbacd8a89cf0599974963\" tokenId=\"109716514698682258262969981018818254075277780777642918413950292689957813223425\"> </nft-card> <script src=\"https://unpkg.com/embeddable-nfts/dist/nft-card.min.js\"></script>","id":4418}
- Click the cog/settings icon on the 3d item
- Paste the action into the onclick field
- Click the Save item button
Anyone entering the space can click on the 3d item to access the OpenSea popup and see information about the item or transact with their wallet
