Skip to content
Creating augmented reality applications using solely web technologies and JSAruco or JSARToolkit
JavaScript Other
Branch: master
Clone or download
Latest commit 4951fcf Jul 21, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
jsartoolkit added slider to set threshold in debug mode Mar 5, 2016
jsaruco added markers Feb 19, 2016
.eslintrc initial import Feb 16, 2016
Gemfile initial import Feb 16, 2016
Guardfile initial import Feb 16, 2016 Update Jul 21, 2018
package.json added markers Feb 19, 2016


  • npm install installs all dependencies
  • npm start starts a local webserver at port 8000
  • npm run watch-jsaruco starts watching the jsaruco version
  • npm run watch-jsartoolkit starts watching the jsartoolkit version
  • npm run build-jsaruco builds the jsaruco app and generates source map
  • npm run build-jsartoolkit builds the jsartoolkit app and generates source map
  • install guard livereload and run bundle exec guard for livereload


You can put the url to the configuration file after the hash:


A configuration file should look like:

  "url": "url/to/3D_model",
  "feed": "url/to/video.ogg",
  "scale": 15,
  "rotation": {
    "x": 0,
    "y": 0,
    "z": 0
  • url: should be a model in json format
  • feed: set to "camera" if you want to use the feed of a camera
  • scale: set to smaller values when using a camera feed

You'll find 2 examples of working configuration files in the data folder: settings1.json and settings2.json.

Note that settings1.json does not work in the jsaruco version because the marker used in the video is not a valid jsaruco marker.

More information see this blogpost

You can’t perform that action at this time.