--- title: The Grid Part 2 description: The term Cyberspace implies a spatial aspect to the internet, imagining the web as a place you can visit. Part 2 features early prototypes of a digital city. image: https://xrdevlog.com/img/grid2.jpg robots: index, follow lang: en dir: ltr breaks: true disqus: xrdevlog --- # The Grid Part 2 {%hackmd theme-dark %} The term Cyberspace implies a spatial aspect to the internet, imagining the web as a place you can visit. Part 2 features early prototypes of a digital city. Originally published July 2019 ###### tags: `devlog` `grid` `janus` `cv` `desert` Link to part 1: <https://xrdevlog.com/grid.html> ![](https://i.imgur.com/r1qbItt.jpg) How to design an Internet City inspired by Snow Crash and Burning Man? --- ### Origin City VRC This layer is the foundation for the internet city. The picture below is a high resolution render. ![](https://i.imgur.com/TGmeMrI.jpg) Importing the entire city to Blender in hopes to optimize and re-export did not work out. ![](https://i.imgur.com/TwiMUXb.jpg) Instead focused on a chunk of the city with a single district (Makers). Screenshot is from Unity. ![](https://i.imgur.com/FsZ8E43.jpg) The Cryptovoxels avatar was optimized, rigged, and uploaded to VRChat as Quest compatible. ![](https://i.imgur.com/Oc22P37.jpg) Here is a player standing in the VRChat version of Makers district staring into a mirror. ![](https://i.imgur.com/gglRyRh.jpg) Squad rolling through the neighborhood. Avatars in VRC can be really big and really small. ![](https://i.imgur.com/RJ1g2Dk.jpg) Riding Chocobos through the district, not recommended for VR users. ![](https://i.imgur.com/7IfNAr3.jpg) Basic MVP of the CV district is uploaded with links below, feel free to jump in and take a look. ![](https://i.imgur.com/lRznnFi.jpg) - Visit world: <https://vrchat.com/home/launch?worldId=wrld_16fe8551-b09e-41c8-b3ea-9f71eea53bd7> - Makers District Unity Project: <https://github.com/madjin/makers-district> --- ### JanusWeb Version #### Desert ![](https://i.imgur.com/f2bmhYG.jpg) Demo: <https://vesta.janusvr.com/bepis/desert-voxels> #### Snow ![](https://i.imgur.com/1l9ZXLk.png) - See animated GIF: <https://i.imgur.com/VWXUZmU.gif> - Demo: <https://vesta.janusvr.com/bepis/snow-voxels> #### Rain ![](https://i.imgur.com/QKSbYZe.gif =100%x) --- ### Desert City ![](https://i.imgur.com/cCbYKAO.jpg) Desert City is a sandbox for web based mixed reality. The images are from a 1 day experiment. ![](https://i.imgur.com/a3BJTR3.jpg) The [arcade tent experiment](https://streamable.com/l5na2) is given presence in a world with thought to having an exterior. ![](https://i.imgur.com/kr9Zjks.jpg) Going through the door will take you to inside the arcade tent, hosted on another site. ![](https://i.imgur.com/B9Ezb6F.jpg) - Video video: <https://streamable.com/l5na2> - View demo (Warning, experimental!): <https://chill.hashbase.io> --- ### Trailer Park This area of the map is reserved for portable housing units, or trailers as most people see it. ![](https://i.imgur.com/W03D9oQ.jpg) If the Internet were a video game, the trailer would be like a portable startpage + save point. ![](https://i.imgur.com/nNmW1TS.jpg) --- ### Night Night mode is still a work-in-progress with the aim to turn the desert city into a neon lit metropolis. ![](https://i.imgur.com/PyMQZMA.jpg =100%x) The animated spline paths are the result of [Spyduck](https://spyduck.net) wanting to have tilt-brush like animations in Janus. This process can be used to light up buildings, roads, avatars, and vehicles at night. ![](https://i.imgur.com/uR0Hmw8.gif =100%x) - Tilt brush updates (Sept 2016) <https://blog.google/products/tilt-brush/paint-friends-tilt-brushs-latest-prototype-creations/> ![](https://storage.googleapis.com/gweb-uniblog-publish-prod/original_images/tiltBrushManikin2.gif =100%x) - Tilt brush + Three.js <https://blog.google/products/chrome/experience-virtual-reality-art-in-your/> - Mozilla A-painter <https://blog.mozvr.com/a-painter/> --- ### Projection Mapping Scan of an entire city skyline was done using open source photogrammetry. ![](https://webassets.inman.com/wp-content/uploads/2017/09/DTLA-hero-1984x880.png) This became the base for UVmapping video textures onto (live or prerecorded). ![](https://i.imgur.com/yrcfSIW.gif =100%x) Hologram vocaloid music video was then quickly added into the scene. The video texture for the buildings needs to be tweaked since its not very dynamic. ![](https://i.imgur.com/DkN01Dp.gif =100%x) Inspiration: - Kizuna AI + Wave concert <https://www.youtube.com/watch?v=YtU_sb4jYE8> - Awesome browser based DJ platform <https://you.dj/> Demo: <https://vesta.janusvr.com/bepis/desert-la-night>