- Choose a workplace from the main menu
- discover 'hotpoints' around workplace and click to learn more
- on
masterbranch,npm run bundleto build prod bundles in/buildfolder - the
static_assets/folder must be copied down inbuild/folder index.htmlis not built by this command, so existingvr/index.htmlmust be placed down in/buildfolder- now paths must be changed in the
build/index.htmlfile 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);becomesReactVR.init('./index.bundle.js?platform=vr', document.body);- now will use the the
gh-pagespackage to deploy - run
npm run deployit looks like this"deploy": "gh-pages -d vr/build"in thepackage.json gh-pagesalso requires the "homepage" to be set inpackage.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
- 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 animationloading animation for pano image changesmake 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 scenenew main menu panoclose icon on panel to toggleanimate 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 bugset translates on hotpoints to be equidistant from perspectiveshow info panel on hotpoints clickrefactor buttons and hotpoints to individual component files