Place 3D Models Anywhere In AR Using Model Viewer
Together we can display 3D models in AR over the web using model-viewer! Model-viewer is a marker free solution maintained by Google for displaying 3D models. It utilizes ARCore, Apple's Quick Look, and WebXR so that you can place 3D models into the environment surrounding you.
Resources:
Script src link to copy: https://unpkg.com/@google/model-viewe...
Sketchfab"Panda" (https://skfb.ly/opuRA) by Pisfil is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
Setting up a server with Node.js and Express.js: • Set Up a Local Server and Connect From You...
HTTPS OpenSSL Tutorial: • Setting Up HTTPS For Local Networks (LAN) ...
Marker based AR with A-Frame: • Bring Models Into Your Room With A Frame A...
UNPKG Website: https://unpkg.com/
UNPKG Github: https://github.com/mjackson/unpkg
More on UNPKG: Kent C. Dodds https://kentcdodds.com/blog/unpkg-an-...
Music "Relaxed Vlog" by Ashot-Danielyan-Composer from Pixabay
If this was helpful, consider leaving a comment or supporting me on Ko-fi: https://ko-fi.com/classoutside
======= TIMESTAMPS =======
00:00 Introduction & Requirements
00:28 Choosing the AR Library
01:06 Setting Up Model Viewer
01:48 Preparing & Adding the 3D Model
03:15 Testing on Mobile & AR Placement
03:54 Wrap-up