← Back to home

NFT Gallery 3D

React

I built an interactive NFT gallery where users can walk around in a 3D world and hang their NFTs up on the walls.

Problem Statement

In essence, the project is an interactive 3D piece of real estate with specially marked "picture frames" where a user can display an NFT they own. While the project is polygon native, the NFTs that can be displayed are cross-chain thanks to Moralis. When a user sets an NFT into a frame, the state is saved to the Moralis backend server. Users can visit other galleries by entering the blockchain wallet address for that user.Additional planned improvements that didn't make it in:Gallery NFTs that are linked to a different level geometry/model hosted on IPFS that could be used as additional gallery space - these would be auctioned offSetting up a way to put an NFT up for sale in your gallery and allowing a visitor to purchase itBetter camera controlsNon-placeholder art :)

Solution

Tech used:Moralis (https://moralis.io/) used for user authentication, fetching a user's cross-chain NFTs and providing data persistancePolygon (https://polygon.technology/) used for blockchain transactionsSia/Skynet (https://sia.tech/) used for hostingUnity (https://unity3d.com) used for 3D engineAdditionally:react-unity-webgl (https://github.com/jeffreylanters/react-unity-webgl) for embedding Unity in an react app

Hackathon

ETHOnline 2021

2021

Prizes

  • 🏆

    Skynet Pool Prize

Contributors