Study · Unity, C#, Meta Quest Pro · 2024
Rain garden VR simulator
A hands-on VR lesson in water conservation, designed and built in Unity.
- Role
- Solo designer and developer
- When
- 2024, University of Michigan
- Platform
- Meta Quest Pro
- Recognition
- Award winner, UMSI Student Project Expo 2024
01
The problem
Water conservation is hard to picture, so it's easy to ignore.
Most people have limited exposure to solutions like rain gardens, and what exists rarely comes in a format that's easy to understand or remember. A rain garden captures stormwater runoff and filters it clean, preventing pollution and flooding and recharging groundwater. Showing that is far more convincing than describing it.
02
The experience
Players see the problem first, then fix it with their own hands, guided by a checklist that lives in the world.
- See the stormRain falls on a neighborhood with no conservation measures, causing erosion, flooding and pollution.
- Measure the roofPoint and click to measure the roof. A rain garden should be about 15–30% of its area.
- Redirect the waterTake off the lower downspout and move it so stormwater flows toward the garden.
- Plant the gardenDig, design and plant, then watch the garden catch the next rain.
03
Interaction design
I started with sketches of the whole flow, then built it in Unity across two prototypes. Every step uses a controller interaction that matches the real-world action, so the lesson is learned by doing.
- A clipboard you holdThe checklist lives on a clipboard. Each step unlocks only after the last one is done, so no step is a guess.
- Point to measureRaycasting turns the controller into a measuring tool for the roof.
- Snap into placeThe downspout is a grabbable that snaps into its new position, like the real fitting.
- TeleportTeleporting moves you around the yard one step at a time.
When time got tight, I chose the checklist logic over polishing highlight states. A lesson that runs end to end teaches more than a perfect first step.
04
Accessibility and inclusion
Readable, inclusive and steady.
- High-contrast textInstructions stay legible against a bright, busy garden.
- Color-blind-safe UII corrected the interface colors so progress never depends on telling red from green.
- Hands without identityThe player's hands are blue, with no set gender or race, so anyone can see themselves in the role.
- Nothing that makes you sickBackground trees rendered as billboards turned with your head, so I replaced them with hand-placed models. I also cut a tall, swaying grass for a calm lawn.
Also designed: text to speech for instructions, automatic on the first screen and on tap for each checklist item, plus volume control from the main screen.
05
Built with
Designed and developed solo for SI 659, Developing AR/VR Experiences. Scene transitions adapted from a ValemVR tutorial.
Engine and language
- Unity 2022.1
- C#
- Universal Render Pipeline
XR
- XR Interaction Toolkit
- Meta Quest Pro
Interactions
- Ray selection
- Grabbables and sockets
- 2D UI in 3D space
- Teleporting
- Scene transitions
Design
- Sketches
- Two prototypes
- Accessibility review
06
Recognition
Recognized at the University of Michigan School of Information's annual exposition of student projects.
07