Skip to content

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

Notifications You must be signed in to change notification settings

marcelombc/Augmented-Reality-Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published