Open source Three.js framework for JavaScript augmented reality libraries
Jun 2013
Open Source
@ open source > webgl / three.js

This is a framework for handling JavaScript augmented reality (AR) libraries in Three.js.


  • 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

Back To Top Back To Top

Integrated AR Libraries

  • JSARToolKit
  • js-aruco

Back To Top Back To Top


1) Tracking Three.js Scene

[Live 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) Interactive HTML5 Augmented Reality Flood Simulation

[Live 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

Back To Top Back To Top

Source Codes

Please consider tipping me for my open source efforts

The source codes for this project can be found in GitHub:

Back To Top Back To Top


Please refer to the docs for the full API. There are some short usage examples as well.

Back To Top Back To Top

Browser Support

Tested only in Google Chrome (recommended) and Mozilla FireFox

Back To Top Back To Top


Released under GNU General Public License version 3 (GPLv3)
Copyright (c) 2013 Skeel Lee

Back To Top Back To Top

Skeel Lee Skeel Lee
Facebook Google+ Twitter Tumblr
YouTube Vimeo Flickr Pinterest
Senior FX TD / R&D
Digital Domain 3.0 (Previously at Sony Pictures Imageworks, MPC, Industrial Light & Magic, Double Negative)
LinkedIn IMDb GitHub Stack Overflow
I am a Senior Technical Director with strong interests in both tech and art. My life evolves round VFX, photography, software engineering, tools programming and generally anything that looks / sounds cool.
I have done a variety of CG programming, including fluid sims, muscles, soft/rigid bodies, raytracing etc. These knowledge complement the visual works that I do as a TD in VFX.
I was interviewed by The Straits Times in May 2014 for my VFX work in X-Men: Days of Future Past.