City Planner- In Virtual Reality

Anurag Chawla
3 min readApr 23, 2022

In this prototype create cities in VR —using Mixed Reality Toolkit from Microsoft, Oculus Integration & XR Plugin Management with other features provided by MRKT.

Prototyping — My vision here is to showcase the Cities — in VR. This is intuitive as one can model the city with the collection of buildings, roads etc to view, select & manipulate using hand /VR- controller interaction.

Prototyping — Cities in VR using Building Assets…

The mechanics for this prototype are as under:

  1. Install- Mixed Reality Tool Kit
  2. Setting Oculus Integration with Mixed Reality Tool Kit.
  3. Download free assets related to Building Cities — https://kenney.nl/assets
  4. Setting up Scene — with a collection of buildings — with Grid/Scroll List Collection Objects from MRTK.

Components for City Planner: using Mixed Reality Toolkit

City Planner — Componnets

It has been implemented using

ObjectManipulator: The ObjectManipulator script makes an object movable, scalable, and rotatable using one or two hands or VR controllers. The object manipulator can be configured to control how the object will respond to various inputs. The script should work with most forms of interaction, such as HoloLens 2 articulated hand, HoloLens 2 hand rays, HoloLens 1 gaze and gestures, immersive headset motion controller input, and oculus quest 2.

Object Collection: Object collection is a script to help layout an array of objects in predefined three-dimensional shapes. It supports various surface styles including plane, cylinder, sphere, and radial. Since it supports any object in Unity, it can be used to layout both 2D and 3D objects.

Here utilized GridObjectCollection — Plane along with ScrollableObject in order to scroll the collection of Grid Objects.

Grid Object Collection — Cylinder
Grid Object Collection- Sphere
Grid Object Collection — Radial
Grid Object Collection — Plane
Scattered Object Collection
Tile Grid Object Collection

Scrollable Object Collection: The scrolling object collection is a UX component that enables scrolling of 3D content through a contained viewable area — which here contains the collection of Grid Objects and clipping — which helps to show the objects that one wants to show & clips the rest of others. The scrolling movement can be triggered by near or far input interaction and by discrete pagination.

City Planner — In Vr

5. As shown above one can select these objects using pointers from controllers/hands, when it focuses, scale-up, and when presses it will create a copy of the object in a specific position in 3D space.

6. From this position, one can select the object and place it as one desired imagination or re-arrange it and create beautiful cities.

7. So we can manipulate the placed object — width, height & depth using handlers with interactions on these objects as shown below.

City Planner — in VR using MRTK

--

--

Anurag Chawla

Emerging Technologies - Power Virtual Agents | AI Chatbots | Multi-Cloud & DevOps | UI Technologies - React , Angular | Gaming Technolgies - Unity, XR- AR/VR