Immersal VPS for Web (aka WebAR)
This is a sample of how to use Immersal's Visual Positioning System (VPS) for on-device localization natively on a (mobile) Web browser. It can be used e.g. for persistent and anchored WebAR experiences, and to retrieve the user's position in global coordinates (latitude, longitude, altitude) from the camera image.
- Localizes against Immersal maps created with the Mapper app (App Store, Play Store), BLK2GO, 360 cameras... 100% compatible.
- Very lean JavaScript ES6 module implementation
- WGS84/ECEF support (a localized pose contains the information in global coordinates if the map itself has been saved with GPS coordinates)
- Works in both portrait and landscape orientations
- Supports both Three.js and Babylon.js (the latter example coming soon)
- Uses the device gyroscope for orientation tracking, and continuous localization for translation (position) tracking to emulate SLAM
- Supports either one-shot or continuous localization
- Supports both on-device and on-server localization (through the Immersal REST API)
- iOS Safari
- Android Chrome
- etc., latest versions -- should work on all modern mobile browsers, contact us if it doesn't
- Make a copy of
js/imConfig_template.js
asjs/imConfig.js
and enter your developer token and map ID(s)
- Common API to replace "SLAM tracking" with other tracking implementations (native Android Chrome WebXR/ARCore, App Clips, Zappar World Tracking, 8th Wall World Tracking, etc.)
- Accuracy, speed, and size
- This is the "standalone version" of Immersal VPS for Web. You can also use it with Zappar's excellent Mattercraft tool, which is using Zappar's proprietary World Tracking (meaning that you don't have to use continuous localization with Immersal, every few seconds is probably enough). See videos: Transforming location based AR experiences through the web with Mattercraft and Immersal, Introducing Mattercraft’s New Integration with Immersal VPS
- Support for on-device localization with 8th Wall or WeChat isn't planned at the moment, if you need it, contact us and let's talk.