Augmented Reality in 10 Lines of HTML

Alexandra Etienne on April 10, 2017

AR.js with A-Frame Magic Do you want to do Augmented Reality on the web ? You can now do it in 10 lines of HTML! Seriously! Let me walk you throug... [Read Full]

This is the kind of project that really brings together Imagination and Engineering at their best ✨

Awesome demo, great execution, good quality 👌

I am really looking forward to play around with these demos 😃


Is it possible to use my own image instead of Hiro? Like a face with a black border or something?

Hi! Thanks for your interest...this might be able to help

Also - if you're running into any difficulties please report them on the github issue and we'll be happy to help

I would like to know this too, please!

This was really helpful, thank you.

P.s. Could anyone help? I've tried loading a different texture, but all I'm getting is a white material (if url is wrong/file not found, then A-frame seems to apply a black material) -- so it looks like the texture file is being found OK, but not being applied.

I've tried deployment from both Glitch and CodePen, without success.

Any idea how to solve this?

Thanks again!

Thanks so much for all the kind words and the support guys! We wanted to make AR seem easy-to-learn for everyone 👍

Looks pretty easy.I wanna try it

Awesome, thanks for share alexandra

This is remarkable. Amazing demo.

Awesome project! Thanks for sharing

This is awesome! But I meet an error with message "WebRTC issue! navigator.getUserMedia not present in your browser", how should I solve it?

Hey waihow...make sure that you are not using iOS....also, please report your bug on the github issue and we'll be happy to help 😀

Hi :) Were i dev the 3d to put on scene? Unity? Thankyou :)

I just tried this in Chrome 58 with the hiro.jpg marker printed out on an 8.5 x 11 and nothing happened. I've never worked AR before... am I missing something? Thanks!

code of conduct - report abuse