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)

Collapse
 
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!

Collapse
 
jsalvador profile image
Juanjo Salvador

Wow, that's awesome!

Collapse
 
henriquemota99 profile image
henriquemota99

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

Collapse
 
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

Collapse
 
cindoc profile image
Cindy Dochstader

I would like to know this too, please!

Collapse
 
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!

Collapse
 
edwin_r_c profile image
Edwin Ramirez

That was really cool. Congrats.

Collapse
 
s3artis profile image
Matt Weingaertner

Amazing 😱

Collapse
 
2279silent profile image
Burgess

Looks pretty easy.I wanna try it

Collapse
 
jdorfman profile image
Justin Dorfman

This is remarkable. Amazing demo.

Collapse
 
risyandi profile image
Risyandi

Awesome, thanks for share alexandra

Collapse
 
halton profile image
Halton Huo

Really cool stuff

Collapse
 
gautamkrishnar profile image
Gautam krishna R

Liked it...

Collapse
 
redochka profile image
reda

Excellent demo. Thanks

Collapse
 
caseyreeddev profile image
Casey Reed

Awesome project! Thanks for sharing

Collapse
 
pandageneration_16 profile image
Doan-Bao-Nguyen

Hi sorry for my brashness...where is the code?

-Bao

Collapse
 
andraconnect profile image
Alexandra Etienne

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

We want your help! Become a Tag Moderator.
Fill out this survey and help us moderate our community by becoming a tag moderator here at DEV.