Augmented Reality in 10 Lines of HTML
Alexandra Etienne
・1 min read
Alexandra Etienne
・1 min read
Read next
Build a bulk email and sms app with Vue and AWS SES, AWS SNS OR Twilio Part 3
Kevin Odongo -
Using Laravel Sail (docker composer for Laravel) on a existing application
StuartCreed -
Velo by Wix: Imitating hover event on repeater container
Alexander Zaytsev -
First Experience with MLH Local Hack Day
Maleficient -
Discussion
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!
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 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
I would like to know this too, please!
Wow, that's awesome!
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!
Awesome, thanks for share alexandra
Liked it...
Awesome project! Thanks for sharing
Excellent demo. Thanks
This is remarkable. Amazing demo.
Amazing 😱
Really cool stuff
Looks pretty easy.I wanna try it
Thanks so much for all the kind words and the support guys! We wanted to make AR seem easy-to-learn for everyone 👍
That was really cool. Congrats.
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!
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 github.com/jeromeetienne/AR.js/issues 😀
Hi sorry for my brashness...where is the code?
-Bao