https://github.com/ramotion/vr-menu-demo

Prototype of a menu system in Virtual Reality. Javascript VR library made by @Ramotion
https://github.com/ramotion/vr-menu-demo

javascript vr

Last synced: about 1 year ago
JSON representation

Prototype of a menu system in Virtual Reality. Javascript VR library made by @Ramotion

• Host: GitHub
• URL: https://github.com/ramotion/vr-menu-demo
• Owner: Ramotion
• Created: 2016-10-06T13:28:33.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-10-12T18:23:28.000Z (over 6 years ago)
• Last Synced: 2025-03-24T09:47:01.891Z (about 1 year ago)
• Topics: javascript, vr
• Language: JavaScript
• Homepage: https://www.ramotion.com/agency/web-design/
• Size: 14.8 MB
• Stars: 124
• Watchers: 19
• Forks: 21
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![header](./header.png)](https://www.ramotion.com/agency/app-development?utm_source=gthb&utm_medium=special&utm_campaign=vr-menu-demo)

[![preview](./preview.gif)](https://ramotion.github.io/vr-menu-demo/main.html)

## WebVR Menu Demo

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/c502012bcb1b4e90a7255e6ce47e5b1a)](https://www.codacy.com/app/juri-v/vr-menu-demo?utm_source=github.com&utm_medium=referral&utm_content=Ramotion/vr-menu-demo&utm_campaign=Badge_Grade)

[![Twitter](https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat)](http://twitter.com/Ramotion)

[![Travis](https://img.shields.io/travis/Ramotion/vr-menu-demo.svg)](https://travis-ci.org/Ramotion/vr-menu-demo)

## About

This project is maintained by Ramotion, Inc.


We specialize in the designing and coding of custom UI for Mobile Apps and Websites.


**Looking for developers for your project?**


This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

 

 


Prototype of a menu system in Virtual Reality controlled using only the user's gaze! Requires a cutting-edge browser and a Google Cardboard (or similarly compatible) device. While current browser support for native VR headsets (Vive/Oculus) is poor, it should rapidly improve in the near future. When it does, this demo should support them, too.

[Try it!](http://ramotion.github.io/vr-menu-demo/main.html)

### Running the demo locally

To run this demo yourself, simply start a static file server (e.g., with [Node](https://www.npmjs.com/package/static-server)) in the project root and navigate to `main.html` in your browser.

### Technical details

This project is written using [Three.js](https://github.com/mrdoob/three.js) and [WebVR Polyfill](https://github.com/googlevr/webvr-polyfill). A microframework in [main.js](https://github.com/Ramotion/vr-menu-demo/blob/master/main.js) declares a [Rust](https://github.com/rust-lang/rust)-inspired ownership model for handling 3D scenes and takes cares of meta-concerns like dependency retrieval, fullscreen/VR swapping, and rendering calls. The scene itself is in [MenuScene.js](https://github.com/Ramotion/vr-menu-demo/blob/master/MenuScene.js) and declares the 3D content and interactions.

# Get the Showroom App for iOS to give it a try

Try our UI components in our iOS app. Contact us if interested.

 



 



Follow us for the latest updates