[go: up one dir, main page]
Skip to content

Latest commit

 

History

History
43 lines (38 loc) · 2.39 KB

README.md

File metadata and controls

43 lines (38 loc) · 2.39 KB
Raw

vrWorkplace

A Simple VR App To Explore Different Work Environments

Use

  • Choose a workplace from the main menu
  • discover 'hotpoints' around workplace and click to learn more

For deployment

  • on master branch, npm run bundle to build prod bundles in /build folder
  • the static_assets/ folder must be copied down in build/ folder
  • index.html is not built by this command, so existing vr/index.html must be placed down in /build folder
  • now paths must be changed in the build/index.html file to point to the prod bundles instead of dev js
  • <script src="./client.bundle?platform=vr"></script> becomes <script src="./client.bundle.js?platform=vr"></script>
  • ReactVR.init('../index.vr.bundle?platform=vr&dev=true',document.body); becomes ReactVR.init('./index.bundle.js?platform=vr', document.body);
  • now will use the the gh-pages package to deploy
  • run npm run deploy it looks like this "deploy": "gh-pages -d vr/build" in the package.json
  • gh-pages also requires the "homepage" to be set in package.json, it will look like this: "homepage": "https://graysonhicks.github.io/vrWorkplace"
  • now run npm run deploy
  • you should not have to checkout/merge/alter on the gh-pages directly as long as this process is done correctly, otherwise can cause failures

To Do

  • main menu as select/options instead of buttons
  • move homelink to client js to allow for fixed position like 'full screen' and direction buttons
  • reset camera position on scene changes
  • set correct rotations on hotpoints
  • maybe keep pano in state
  • fetch data remotely from json in deploy/production mode
  • fetch data remotely from json (locally)
  • inital loading animation
  • loading animation for pano image changes
  • make welcome text its own Component, <Welcome />
  • fade <Welcome /> in and out on page load, remove from click events
  • <Homepage /> component to hold and animate <Welcome /> and <Menu />
  • home button to return to main menu from scene
  • new main menu pano
  • close icon on panel to toggle
  • animate hotpoints on hover (use Animate like this: https://www.sitepoint.com/building-a-full-sphere-3d-image-gallery-with-react-vr/)
  • menu jump on hotpoint click bug
  • set translates on hotpoints to be equidistant from perspective
  • show info panel on hotpoints click
  • refactor buttons and hotpoints to individual component files