Package Exports

vrmaker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vrmaker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

VRMaker

VRMaker js sdk help you build and edit your 360 panorama solution more easily by aframe or krpano.

documation

https://istaging.gitbook.io/vr-marker-sdk

viewer
- KrpanoViewer (recommend)
  - auto rotation
  - change animation
  - support cubemap
- AframeViewer
- auto rotation
panorama (pending - need your server communicate with vrmaker backend api)
- cubemap
- auto hotspot
marker (pending - need your server communicate with vrmaker backend api)
- point
- tag

installation

Install dependencies by npm or yarn

npm install

How to use

ES6:

import VRMaker from 'vrmaker'

// init krpano viewer (recommended)
new VRMaker.krpanoViewer()
...

// init aframe viewer
new VRMaker.AframeViewer()
...

// check more in documation or examples, dev folder

Use cdn:

// include script
<script src="https://www.istaging.com/sdk/vrmaker.js">

// init krpano viewer (recommended)
new VRMaker.krpanoViewer()
...

// init aframe viewer
new VRMaker.AframeViewer()
...

// check more in documation or examples, dev folder

Warning: use aframe will not support auto rotation, animation cubemap.

Work with vrmaker backend server

Use node express sample server to get the access key to upload your panoramas by vrmaker backend server api and init it by krpano or aframe. Check in the examples folder.

npm start

If you only want to use vrmaker 360 viewer..

You can also only use your own data without istaging api to create 360 viewer. (not recommended) Check in the dev folder.

npm run dev

Thanks

For detailed explanation on how things work, consult the docs for vue-loader.