The examples from Lee Stemkoski was forked and a few examples are added.
- for using these examples, print out the markers and
- switch on the WebCam and let browser to access the WebCam.
- place the marker mentioned in the demo page in front of the camera and move the markers
- in some AR examples multiple markers can be used and different objects can be places
- also 360-degree (equirectangular) images are used to and you could use e.g. the hiro-marker to look around
Check out the online demos with:
- Download ZIP-file of this repository
- see also Wikiversity learning resource about 3D-modelling
- HuginSample - Equirectangular Images or AFrame Navigation
Sketchfab publishes 3D-Models as creative commons. One the CC-BY-4.0 models a dinosaur (Spinosaurus) is used as a 3D model on a marker. The model is called
-
"primal carnage spinosaurus)" (URL: https://skfb.ly/pswyN) created by
seth the yutyrannus. -
The 3D model is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/by/4.0/).
-
AR-Web-Demo: Spinosaurus on AR-Marker - VR-Web-Demo: Spinosaurus in VR
-
(Print Marker) Use Hiro-Marker as print out
-
(Display 3D Model in Browser) Start Web-Demo - Spinosaurus on AR-Marker - "Hiro"
-
(Marker in Camera Viewport) Allow camera to record Hiro-Marker in Webcam.
-
(3D Model in Webpage displayed on Marker) Dinosaur will be placed on Hiro-Marker in camera image.
-
(Coordinate System) Hiro marker (and any other marker) defines in the asymmetric shape a coordinate system in which the objects are placed.
-
(Scaling of Object - Marker Size) The size of the Hiro marker defines the unit length in the coordinate system. E.g. triple size of printed Hiro marker scales the objects by the factor 3.
