Modern browser APIs allow to transfer the concept of MixARE (Mixed Augmented Reality Engine) for Web Browser. Mixare4Browser will be able to read the JSON file exported from Mixare4JSON and display the database in the known MixARE way in the web brower (e.g. Firefox, Chromium, Safari, ...). Mixare4Web will be able to read from the JSON database source from a web URL (e.g. provided from a homepage of Wikiversity) or read a small JSON complete from the URL parameters and parse the JSON. The library for LinkParameter linkparam.js will support that concept. The augmented scene will be handled in the same way as done by AR.js handling the displaced of a scene in the aframe..
Assume you want to display a specific geolocated number of 3D model (e.g. icons, 3D scans or just primitives boxes, spheres, planes, tubes) in an Augemented Reality scene, then these geolocated set of 3D model are stored in JSON file stored on a web server https://www.example.com/mymixare.json
. The parameter call of Mixare4Browser will look like this
The library linkparam.js
will extract the jsonurl
from the link above and the key-value pair will be
jsonurl="https://www.example.com/mymixare.json". Details about the library can be found at URL:
https://www.github.com/niebert/LinkParam
The framework AFrame will be used to control the webbased virtual reality scene.
Control displacment of the 3D models in the camera image of mobile devices is performed by AR.js. The framework AR.js recognizes a marker image in the camera live stream. A marker defines a coordinate system in the threedimensional space. Origine of the coordinate system is placed in the center of marker (e.g. the Hiro
-marker). Turning and moving the marker moves the 3D object attached to the coordinate system of marker. On the other end we AFrame has a coordinate system in which the 3D object are moved according to displacement of the marker.
With the URL https://whatwebcando.today/ you can check your browser on your mobile device if it support the relevant APIs in category "Location and Position" for
- Geolocation,
- Device Orientation,
- Device Motion.