Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fourkitchens/annotated-vr-tour

πŸ•Άβœ¨ A React VR + JSON API powered annotated tour frontend
https://github.com/fourkitchens/annotated-vr-tour

Last synced: 4 months ago
JSON representation

πŸ•Άβœ¨ A React VR + JSON API powered annotated tour frontend

Awesome Lists containing this project

README

        

# Annotated VR Tour
**πŸ•Άβœ¨ A React VR + JSON API powered annotated tour frontend βœ¨πŸ•Ά**

![Editing Demonstration](https://thumbs.gfycat.com/BlushingScaryElk-size_restricted.gif)

## Setup

### Development
* Clone this repository
* `yarn`
* `yarn start`

### Deployment
Deployment occurs on any commit to master

## Updating react-vr
NOTE: Currently, this repo depends on the `master` branch of react-vr. This is a temporary need and only necessary if you need to get the latest react-vr code from `master` due to a merged PR or the like. Until they release again, here's what you need to do to get the latest from react-vr `master`:

* Clone [react-vr](https://github.com/facebook/react-vr)
* `cd` into the react-vr directory
* `yarn`
* Install babel and OVURI's dependencies. (React VR is a monorepo)
`npm i -g babel-cli && cd OVRUI && npm i && cd -`
* Package react-vr, react-vr-web, and ovrui
`node scripts/build-packages.js`
* You should see
`Built all packages! They are located at /Users/{your/dev/path}/react-vr/package_builds`
* Copy the resulting packges into `./package_builds` in your project repo.

## Editing
To edit the location of components:
* Add `?placing=1` to the url
* Click and hold on a component. A green circle appears around it signifying that you have "picked up" the component.
* Drag around the scene to move the component.
* Click the component to drop it.