This is a framework for handling JavaScript augmented reality (AR) libraries in Three.js.
- JSARToolKit
- js-aruco
- Automatic loading of models when the associated markers are detected (association is specified in a JSON file). Currently supported model formats: .obj, .js and binary .js.
- Fixing of the world origin to a specified main marker, with the camera and other markers positioned around this origin for lighting/shadows to work properly in the 3D scene
- Automatic compensation for coordinate system differences between the different AR libraries and Three.js (which might otherwise lead to flipping and offsetted orientations of loaded models)
- GUI marker system which allows users to control settings using AR markers
- Expandable to fit other JavaScript AR libraries in the future
1) Tracking Three.js Scene [Demo]
- Tracking of a Three.js 3D scene to prevent webcam problems such as motion blur and lens distortion (for testing purposes)
- Loading of models when associated markers are detected
2) HTML5 Augmented Reality Interactive Flood Simulation [Demo]
- Tracking of webcam video stream
- Using GUI markers system to control user settings with AR markers
- Loading of models when associated markers are detected
- Usage of main marker to define origin
Tested only in Google Chrome (recommended) and Mozilla FireFox
Released under GNU General Public License version 3 (GPLv3)
Copyright (c) 2013 Skeel Lee (http://cg.skeelogy.com)