/Augmented-Reality-Demo

Small demo that demonstrate how to use Augmented Reality with ThreeJS.

Primary LanguageJavaScript

Augmented Reality and Snapshot demo

Small demo that demonstrate how to use Augmented Reality with ThreeJS.

Features

  • Augmented Reality with ThreeJS using WebRTC.
  • Taking web cam snapshots using WebRTC.
  • Using the HTML5 audio API.
  • Using the fullscreen API.

Works on

  • Chrome (18+)

Dependencies

You need to run this example with Google Chrome 18+ and enable the MediaStream flag. To enable the Media Stream flag just go to about:flags in Google Chrome and find Enable MediaStream.

If you run this example locally, you need to run with a local server.

You need to print the marker.png.

License

Released under the MIT License.

Credits

Demo created by Marcelo Conceição.

Special Thanks

Thanks to Mr.doob for Three.js library.
Thanks to Ilmari Heikkinen for JSARToolKit.js library.
Thanks to Jerome Etienne for threex.jsartoolkit.js library.

Thanks to ro.me project for the bird 3D model.
Thanks to Nuno Almeida for the frog and head 3D models.

Live Demo

https://github.com/marcelombc/Augmented-Reality-Demo