Bind webthings to XR
npm install aframe-webthing
AFrame-Webthing is a webcomponent that bind
properties of physical devices to virtual models.
As reference example we'll use simulator devices from webthing SDK,
but it's mosty same if deployed on actual devices,
check resources chapter for more details.
``sh
make -C example/webthing-iotjs start &
#| node index.js
#| http://localhost:8888
#| Ctrl+C
bg
make -C example/webthing-iotjs demo
#| curl http://localhost:8888/properties
#| {"on":true, "level":42}
x-www-browser './example/aframe/index.html?verbose=yes'
`
`sh
make -C example/webthing-node start &
#| node index.js
#| http://localhost:8888
#| Ctrl+C
bg
make -C example/webthing-node demo
#| curl http://localhost:8888/properties
#| {"on":true, "level":42}
make start
#| PORT=8880 node index.js
#| Your app is listening on port 8880
x-www-browser 'http://localhost:8880?verbose=yes&useWs=no'
$3
For our developement purposes we used local filesystem (file:// scheme),
but for more advanced scenes, hosting on the web (on http) is also possible.
sh
make start
#| PORT=8880 node index.js
#| Your app is listening on port 8880x-www-browser 'http://localhost:8880/example/aframe/?verbose=yes&useWs=no'
Or you could use a public server (on http):
x-www-browser 'http://rzr.github.io/aframe-webthing?useWs=no&verbose=yes'
``URL can be accesed from VR Headset like GearVR,
just type the URL from SamsungInternet in VR mode (aka sVRbrowser).
* Samsung Internet on GearVR (sVRbrowser)
* MagicLeap ML1 OS Version 0.96.1. ML Helio 0.5.5
*
*
*
*
*
*
*
*
*
*
*
*