DEV Community

Cover image for Augmented Reality in 10 Lines of HTML
Alexandra Etienne
Alexandra Etienne

Posted on

Augmented Reality in 10 Lines of HTML

Top comments (21)

 
maibarra profile image
Marco Ibarra

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 😃

Congratulations!

 
jsalvador profile image
Juanjo Salvador

Wow, that's awesome!

 
henriquemota99 profile image
henriquemota99

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

 
andraconnect profile image
Alexandra Etienne

Hi! Thanks for your interest...this might be able to help artoolkit.org/documentation/doku.p...

Also - if you're running into any difficulties please report them on the github issue and we'll be happy to help github.com/jeromeetienne/AR.js/issues

 
cindoc profile image
Cindy Dochstader

I would like to know this too, please!

 
redhendev profile image
Brian New

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.

codepen.io/RedHenDev/pen/MogOXb

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

Any idea how to solve this?

Thanks again!

 
caseyreeddev profile image
Casey Reed

Awesome project! Thanks for sharing

 
s3artis profile image
Matt Weingaertner

Amazing 😱

 
jdorfman profile image
Justin Dorfman

This is remarkable. Amazing demo.

 
2279silent profile image
Burgess

Looks pretty easy.I wanna try it

 
edwin_r_c profile image
Edwin Ramirez

That was really cool. Congrats.

 
halton profile image
Halton Huo

Really cool stuff