--- title: Virtual Expo Pt 2 description: Third iteration on making a virtual expo, this time starting with a massive matterport scan of a real life conference center with some parts of it completely remodeled. image: https://xrdevlog.com/img/conf2.jpg robots: index, follow lang: en dir: ltr breaks: true disqus: xrdevlog --- # Virtual Expo Pt.2 {%hackmd theme-dark %} Originally published February 2019 ###### tags: `devlog` `janus` `expo` :back: [**Link to Part 1**](https://hackmd.io/@xr/conf) **Designing virtual conferences from the ground up using digital twins.** ![](https://i.imgur.com/vWriD8j.gif =100%x) --- There's a massive matterport scan of a conference center in Munich, Germany that is freely available on the internet if you know where to look. ![](https://i.imgur.com/TCurMuM.jpg) I've taken this scan to build a proof of concept workflow for planning, production, and archiving events that can take place in *mixed reality*. <p align="center"><iframe width="100%" height="400" src="https://my.matterport.com/show/?m=eh1MbMR14xC" frameborder="0" allowfullscreen allow="vr"></iframe></p> We can streamline the event planning process by scanning the venue before something like a conference takes place. According to [The VR Fund](http://thevrfund.com/) there already has been nearly 100 major VR/AR conferences and tradeshows this year (2018) and none of them have really utilized the power of the immersive web even though they all have websites. <https://docs.google.com/spreadsheets/d/1CUIyENeVj7ZTvVu4d09-UySnNv8BJsVQHAsoAEivFJk/edit#gid=1275299319> Our ability to recall the value from the conference afterwords quickly gets diminished over time; many of the presentations and digital pictures/files get scattered into the winds of social media afterwords while conversations and business cards might lose their value in a week. Here's a quick tour of the conference center scan, optimized after FireFoxG started 3D modeling parts of it: ![](https://i.imgur.com/BFHcvWI.gif =100%x) The original conference scan was massive 528,000 triangles with 357 textures at 2k resolution. I was able to optimize it to ~402,000 triangles and 5 4k resolution textures. ![Conference Scan](https://i.imgur.com/kxdaajF.jpg) The files were then handed over to Firefoxg who optimized the model even further down to 150,000 triangles with 4 4k resolution textures. ![Hybrid Scan Model](https://i.imgur.com/YbZcQG5.jpg) The biggest gains in optimization happened with the remodeling of the main speaker rooms which went from 202k triangles down to 33k. ![Speaker room](https://i.imgur.com/XOh8zYU.jpg) ![Speaker room remodeled in blender](https://i.imgur.com/XwyL2gI.jpg) ![Speaker room remodeled with tables, chairs, and sample booths](https://i.imgur.com/U7gFx4V.jpg) ![Main room no tables or chairs](https://i.imgur.com/Ihwsw6J.jpg) ![Main room remodeled in blender](https://i.imgur.com/8QJEU2K.jpg) ![Main room that has been remodeled with some tables, chairs, and baked lights](https://i.imgur.com/XkzmWGA.jpg) ![Main room in Janusweb with dynamic lights](https://i.imgur.com/ZCg6w26.jpg) *** All of the walls that were previously complicated meshes from the matterport scan have been flattened into quads, reducing the final triangle count from **528k to 25k.** ![Flat walls to reduce triangle count](https://i.imgur.com/s9WWHag.jpg) When flattening the walls, there were some artifacts left in the scene when quads didn't quite line up. Using Vesta's positional comment system, it is simple to leave a comment for the 3D modeler to quickly teleport to and see what areas to focus on. ![](https://i.imgur.com/Pow2X8z.gif) ### Inventory Use these links to drag in drop in a sandbox world. - [Cardboard business people](https://imgur.com/a/BR7n7s9) - [Vending kit](https://vendingkit.glitch.com) - [Vendor kit](https://vendorkit.glitch.com) - [Podium](https://vesta.janusvr.com/files/bepis/obj/podium/podium.obj.gz) - [1 meter grid](https://i.imgur.com/kDu6l3H.png) *** UVmaps you can use to change the posters on the walls inside the expo. ![[Advertising posters 1](https://i.imgur.com/mW8p8iw.png)](https://i.imgur.com/mW8p8iw.png) ![[Advertising posters 2](https://i.imgur.com/gdkM0Ou.png)](https://i.imgur.com/gdkM0Ou.png) ### Planning Stage The model and an html file with some janus markup was uploaded to a webserver so that we can view and edit the world online. {%youtube _-D4elpwniY %} Watch on Youtube: https://youtu.be/_-D4elpwniY *** <p align="center"><iframe width="100%" height="400" src="https://vesta.janusvr.com/bepis/icm/embed" frameborder="0" allowfullscreen></iframe></p> ### Cross-Platform **VRchat** ![Some statistics about VRchat in 2018](https://i.imgur.com/BkhEL1l.jpg =100%x) ![](https://i.imgur.com/akJiC5F.gif =100%x) ![Loading the expo map into Unity with VRchat sdk](https://i.imgur.com/2Ez0zBn.jpg) ![Couple of random people standing on the stage](https://i.imgur.com/OdXqANw.jpg) ![Random people hanging out in the VRchat expo](https://i.imgur.com/vVwwXT4.jpg) [Link to world (old)](https://vrchat.net/home/launch?worldId=wrld_7b67ebd3-5583-433a-b614-108be56e357c) *** **JanusVR** ![](https://i.gyazo.com/c40b61b1af9567dc0796d48480d8b075.gif =100%x) ![](https://i.gyazo.com/ce65fbb2de6976f75065df82b489a74a.gif =100%x) ![Standing in the site with the prototype](https://i.imgur.com/oHQWUAU.jpg) ![Player running through a portal into another website](https://i.imgur.com/Y9uAXm2.jpg) ![](https://i.gyazo.com/8bc2172fa36a3ba06ffb9928dbbc066c.gif =100%x) <hr> **Update** 2/4/19 ![Expo positioned on the full scale map of the conference district](https://i.imgur.com/dniDGyU.jpg) ![Team meeting inside of the conference center with chat / code editor open](https://i.imgur.com/FAkT4nY.jpg) ![Decorating one of the rooms with sample props modeled by FirefoxG](https://i.imgur.com/uqWqVum.jpg) ![View from outside the room in janusweb](https://i.imgur.com/fUZrqHs.jpg) ![Group photo of most of the team](https://i.imgur.com/1yoDCAv.jpg) [Link to demo](https://vesta.janusvr.com/bepis/expo/map) --- **Update** [2/19/19] ![Vesta inventory integration to janusweb UI](https://i.imgur.com/9W33Zq4.jpg) ![](https://i.imgur.com/bFMQsIJ.gif) Floating around the conference center, the placeholder booths we setup help us plan space. ![](https://i.imgur.com/hiD6d6Y.jpg) Gunters Universe, a VRchat talkshow, playing in WebVR ### Use cases Virtual Presentations [Lab Day 2018](https://s.kool.world/vid/labday/) ![[Presentation on Graphsync](https://youtu.be/tpqXUmokFZ0)](https://i.imgur.com/h6zS8dZ.jpg) ![Virtual experience at real life scale](https://i.imgur.com/EUAjF5G.jpg) ![Presentation on dApps in the smaller presentation room](https://i.imgur.com/w6ORVF3.jpg) ### Future Virtual reality burning man in space <p align="center"><iframe width="100%" height="400" src="https://vesta.janusvr.com/firefoxg/apollo-17-with-eiffel-tower-for-scale/embed" frameborder="0" allowfullscreen></iframe></p> <p align="center"><iframe width="100%" height="400" src="https://vesta.janusvr.com/firefoxg/the-mountains-of-mars/embed" frameborder="0" allowfullscreen></iframe></p> - High Fidelity map port - Templates for vendors - NFT avatar skins - Cryptovoxels presence