The Metaverse Module in mimic supports the integration of JavaScript API frameworks (e.g. WebGL based virtual spaces), rendering interactive 2D and 3D graphics within any compatible browser without the need to use plug-ins. In that respect, mimic users can create their virtual spaces using compatible platforms such as Babylon and Playcanvas, and then simply upload them onto the project. In this article, we will explain how to create a web page for your virtual space and how to upload the space to your project panel.

  1. Create a Virtual Space Web Page

  2. Upload the Virtual Space Zipped Folder

  3. Update the Virtual Space

  4. User Profile Data Extraction - Pro Tip


1. Create a Virtual Space Web Page

The first step to insert a virtual space into mimic is to create a web page for it. For this task, open the Meta Module > click on Virtual Spaces > and “Add Virtual Space”. In the “Create My Space” window, upload a cover image and insert a page name, description, and path. Once done, click on “Create”.

In the background, a new web page will be created by the system and added to the Web Portal Module > Pages section > under “Virtual Spaces”. However, since there are no virtual space files uploaded onto this page yet, the page status will appear as offline by default (not live). Continue to the next step to complete adding your virtual space to mimic…


2. Upload the Virtual Space Zipped Folder

> Tip:

Before proceeding with this step, the user must first create a zipped folder (.zip) containing all of the assets of the virtual space. This is the required file format that will be used to upload the virtual space onto the Meta Module.

Now that you have created a virtual space, click on the card message stating “Upload Your Project”. Browse and select the virtual space zipped folder to upload it - see example below.

After selecting the zipped folder, the message on the card will state “Uploading…” to indicate that the files are loading. Once the process is complete, the card will read “Uploaded”.

Each card has an ellipsis that opens a dropdown menu with nested functions. The list of functions may differ per card, depending on the files uploading progress. Overall, the list of possible tasks include:

  • Reload space: to upload a new zipped folder in place of the current one.

  • Edit: to make changes to the card’s image, name, description, and/or path.

  • Copy link: to embed the virtual space into another website or platform.

  • Delete: to remove the virtual space from mimic indefinitely.

  • Open space: to preview the virtual space on the website.

> Note:

Once the virtual space is uploaded, the system will automatically change the page status to live. To manage the page status and/or accessibility, open the Web Portal module > Pages section > virtual spaces > and setup the toggle switches accordingly.


3. Updating the Virtual Space

If at any time changes were made to the original virtual space and you wish to update the entry, then a new zipped file will need to be created and uploaded to overwrite the previous one. Click on the ellipsis icon to open the dropdown menu. Since the virtual space is fully uploaded, the functions menu will contain the “Reload Space” task. Click on it, select the new zipped folder, upload it, and updates will be applied to the virtual space.

To preview or enter the virtual space, open the dropdown menu and click on “Open Space”. Alternatively, you can access the virtual space from the Web Portal tab > Pages section > under “Virtual Spaces” > and click on the page URL link.


4. User Profile Data Extraction

In mimic, registered audience members (Attendees) each have a User Profile that displays the personal information you have set to collect from them upon registration. These may include e.g. first/last/full name, country, designation, company name, etc. In that respect, developers will need to insert a code into the virtual space’s zipped file in order to be able to extract members data. This will facilitate parsing and displaying User Profile data from the cookies of visitors inside the virtual space.

Herein, we provide two examples of virtual spaces that parse and display User Profile data, and the codes that were used to setup this feature (Note: these are only samples). Users may try and upload the below virtual spaces onto mimic to see how this works.

Virtual space creator

Sample code

Link to virtual space

PlayCanvas

Download code file

Download virtual space

Babylon.js

Download code file

Download virtual space

> Note:

It is up to you as a project owner to decide what information you wish to collect from your audience based on your analytical reports requirements.

If you have any questions or need help with uploading your virtual space into mimic, please contact support@mimic.digital


Did this answer your question?