click image to view full-res video
A marker-based WebAR test created using AR.js Studio.
-
Live demo marker image (print out and point your device camera at the marker image)
on mobile devices, drag the AR content to rotate it - pinch and zoom it to scale.
The files generated by AR.js Studio work brilliantly well straight out of the box... but here I also added some custom lights, plus a primitive entity to act as ‘land’ for shadows to fall on (both are commented in index.html).
Also note, shadow="cast: true; receive: true" has been added to the model entity and shadow="receive: true" to the land entity, to enable the shadows.
I created the 3D model using Blender 2.8. Please don’t scrutinise my modelling too closely, I only made it for a bit of fun 🙂
If you were interested in seeing Dino Takes A Trip you may also like to check out
Feel free to play around with absolutely anything that I've created here... and if you have any questions about any of it, just give me a shout and I’ll do my best to help 🙂
Twitter: @FrannieBrennan
LinkedIn: FrannieBrennan