Xdiamond - 360-degree Panorama Game

Project

Xdiamond is a small web-based virtual reality game.  Instead of using the traditional way of downloading apps from app store, you can type the url link to play game. 

This app is a pilot study to example the web browser capability of performing VR.

Time: March 2015 - April 2015

My role

Collaborator: Ray Chen
This is my fun project. My responsibilities are concept, interface design and some UI development.

Tools and technologies

Sketch, Illustrator

 WebGL using ThreeJS, HTML5/CSS3

Scan the QR code to play the game

main item

- 360-degree virtual reality experience

- unlike trandistional games, you have to move your phone to play

- it's a web game, no need to download

Workflow Design

I started with outlining the main structure and navigational pattern of the app, with key flows in wireframes.

Splash Page

main item

Tutorial Page

main item

Tutorial Page

main item

Tutorial Page

main item

Time calculation mode

main item

Step count mode

main item

Ending Page

main item

Another option - menu on top

main item