Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/fourkitchens/annotated-vr-tour
- Owner: fourkitchens
- Created: 2017-05-16T05:01:31.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-06-30T21:02:06.000Z (over 7 years ago)
- Last Synced: 2024-06-22T09:42:56.456Z (6 months ago)
- Language: HTML
- Homepage:
- Size: 53.1 MB
- Stars: 8
- Watchers: 28
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.