project screenshot 1
project screenshot 2
project screenshot 3

MetaGallery

Use bleeding-edge mixed reality technology to turn your room into an NFT gallery. Experience Web3 with Meta Quest 3, bringing your NFTs to life like never before.

MetaGallery

Created At

ETHOnline 2023

Project Description

MetaGallery: Immersive NFT Experience in Your Living Space

MetaGallery revolutionizes the interaction between digital assets and the physical world. Our application is not just another step toward the immersive internet, but a leap that bridges virtual ownership with real-world tangibility. By leveraging the capabilities of the Meta Quest 3 headset, MetaGallery invites users to transform their living rooms into personalized galleries, displaying their unique NFT collections through the lens of mixed reality. This convergence of technology heralds a new era, where the metaverse doesn't just parallel reality but intertwines with it, enhancing the way we perceive, interact with, and appreciate digital ownership and artistry.

MetaGallery is designed with user experience at the forefront, creating an intuitive, interactive, and immersive platform. Through the Meta Quest 3 headset, users can initiate a mixed reality view of their physical space. The application identifies walls, shelves, and ample surface areas upon which the NFTs can be displayed. Users can then curate their collections within their real-world space, resizing, and positioning their digital assets as desired.

Direct Purchasing Within the Immersive Experience

A groundbreaking feature of MetaGallery is the ability to not only view but also securely purchase NFTs without leaving the immersive experience, thanks to the integration of Safe Protocol's account abstraction feature.

By employing Safe Protocol, MetaGallery users can initiate secure, on-chain transactions with ease and confidence. When a user decides to purchase an NFT, the transaction occurs in real-time in the metaverse. The account abstraction feature ensures that users don't have to manage complex keys or leave the MetaGallery environment to complete the purchase, removing traditional barriers found in blockchain transactions.

Enhanced Community Engagement with Push Protocol Integration

Community and communication stand at the heart of the NFT space, and MetaGallery fortifies this element by integrating Push Protocol's innovative technology, specifically its Push Chat feature. Push Chat implements digital communication by using Ethereum addresses as unique identifiers for users, instead of emails or phone numbers.

One of the standout features of Push Chat that MetaGallery harnesses is the ability to establish token-gated group chats. This function creates exclusive communication channels where entry is limited to wallets holding specific NFTs. Upon acquiring a particular NFT, MetaGallery users are automatically enrolled in these exclusive group chats, connecting them instantly with a network of like-minded collectors, enthusiasts, and creators.

How it's Made

Here is a detailed breakdown of the technologies we used:

Meta Quest 3 Mixed Reality Headset:

Our project hinges on the immersive capabilities provided by the Meta Quest 3 headset. By utilizing its advanced mixed reality features and pass-through technology, we could overlay digital NFT galleries within a user's physical space. This tech allows users to interact with their NFTs as though they were tangible objects placed in their rooms.

WebXR and Next.js Implementation:

Committed to the principles of an open and decentralized internet, we chose to build MetaGallery as a web application using the WebXR standard, which facilitates immersive experiences on VR/AR devices. We developed a Next.js application, bolstered by state-of-the-art libraries like Coconut XR (https://coconut-xr.com), Three.js (https://threejs.org) and React Three Fiber (https://github.com/pmndrs/react-three-fiber), to ensure compatibility, performance, and access from the Meta Quest 3 browser. This approach maintains user freedom, avoiding the walled gardens of native applications, and promotes broader accessibility.

Safe Protocol Integration for User-Friendly Web3 Access:

Addressing the lack of native Web3 wallet support on the Meta Quest browser, we integrated Safe Protocol's account abstraction technology (https://docs.safe.global/safe-core-aa-sdk/safe-core-sdk), as well as Web3Auth's social login features (https://web3auth.io). These technologies allow users to purchase NFTs directly from within the immersive experience without having to deal with the complexity of traditional crypto wallets. Users can easily create their Web3 identities using platforms like Google, Facebook, or Discord, lowering the barrier of entry for non crypto native users.

When a user logs in for the first time using any of the supported social login methods, a smart account wallet is created using Safe Protocol's SDK. From then on, the user can go ahead and interact with the application, by buying NFTs or chatting with other NFT owners, all from within the XR experience.

Community Building with Push Protocol:

Community engagement is enriched through our integration of Push Protocol’s chat SDK. Upon their initial login using Safe Account, users are issued a unique NFT, granting access to a token-gated group chat. After the NFT is minted, the user is added to a special Push Chat group, that has the property of restricting membership to only owners of a particular collection. Once they have been granted access to the chat group, users can chat with each other from within the XR experience.

background image mobile

Join the mailing list

Get the latest news and updates