Introduction

Zone is an web-based virtual reality project inspired by the Google Cardboard's core philosophy: make VR accessible for everyone. Zone can be accessed from anywhere as long as the user has a computer, smartphone, and pair of Google Cardboard glasses. Use the step-by-step process to add objects into your Zone, color the objects, adjust lighting, and more. When you're finished, save your Zone and load your custom Zone on your smartphone via the QR code or provided link.

How Zone Works:

Zone In Action:

Overview of Project:

Step 1:

User goes to Zone website to you build their space.


Step 2:

"Draw" space boundaries.Immediate plan: choose from sample canvas Possible plan: Completely manipulatable by user


Step 3:

Drag and drop movable 3D shapes in area and 2D shapes on the walls.


Step 4:

Paint bucket allows creator to color walls and shapes. Immediate plan: Paint bucket. Possible plan: Drawing and painting


Step 5:

Draw their tour around the room. [FUTURE FEATURE] Possible plan: Predefined path (created by user) Possible plan: Drag and drop camera location in browser


Step 6:

Save creation into database, creates qr code. Possible plan: User log-ins with personal creations tab


Step 7:

Bring up site on their phone and tour it using Google cardboard. DONE!


Technology for Creation:

Test Computer, Test Phone, Test Cardboard, Three.js


Technology for Display:

Presentation Computer, Network Access, Cardboard(s)


Team Divisions:

Jeremy: Team leader, Designer
Emma: Designer
Ankit: Programmer
Michael: Programmer

Designers:

Logo, Color Pallets, Front-End Development, 3D Modeling


Programers:

Back-End Development, Management of Database, Rendering

Logo Concepts:

Personas:

Competitive Analysis:

Mood Board:

Initial Sketch:

Development Mockups: