Skip to content

niebert/AR-Examples

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits

css

css

 
 

data

data

 
 

images

images

 
 

img

img

 
 

js

js

 
 

jsartoolkit5

jsartoolkit5

 
 

markers

markers

 
 

models

models

 
 

threex

threex

 
 

video

video

 
 

.gitattributes

.gitattributes

 
 

Marker_Printout_AR_demo.pdf

Marker_Printout_AR_demo.pdf

 
 

README.md

README.md

 
 

a_hiro.html

a_hiro.html

 
 

a_marker.html

a_marker.html

 
 

barcode.html

barcode.html

 
 

basic-scene-hiro.html

basic-scene-hiro.html

 
 

basic-scene.html

basic-scene.html

 
 

basic_cube_colored_threes.html

basic_cube_colored_threes.html

 
 

chemistry.html

chemistry.html

 
 

clipping-planes.html

clipping-planes.html

 
 

custom-patterns.html

custom-patterns.html

 
 

globe-multi-marker.html

globe-multi-marker.html

 
 

globe.html

globe.html

 
 

hello-cube.html

hello-cube.html

 
 

hole-box.html

hole-box.html

 
 

hole-plane.html

hole-plane.html

 
 

hole-ring.html

hole-ring.html

 
 

index.html

index.html

 
 

index_stemkoski.html

index_stemkoski.html

 
 

keyboard-camera-move.html

keyboard-camera-move.html

 
 

keyboard-mesh-move.html

keyboard-mesh-move.html

 
 

keyboard.html

keyboard.html

 
 

magic-cube.html

magic-cube.html

 
 

many-cubes-mult-marker.html

many-cubes-mult-marker.html

 
 

model.html

model.html

 
 

parabolic-path-hiro-kanji.html

parabolic-path-hiro-kanji.html

 
 

parabolic-path.html

parabolic-path.html

 
 

planetsystem_ar_hiro.html

planetsystem_ar_hiro.html

 
 

portal-half-keyboard-test.html

portal-half-keyboard-test.html

 
 

portal-view-AR.html

portal-view-AR.html

 
 

portal-view.html

portal-view.html

 
 

refraction.html

refraction.html

 
 

rhein1_rodenkirchen.html

rhein1_rodenkirchen.html

 
 

rhein2_rodenkirchen.html

rhein2_rodenkirchen.html

 
 

rhein3_rodenkirchen.html

rhein3_rodenkirchen.html

 
 

rhein4_rodenkirchen.html

rhein4_rodenkirchen.html

 
 

screen-hole-QR.png

screen-hole-QR.png

 
 

screen-hole.html

screen-hole.html

 
 

shader.html

shader.html

 
 

shadow-balls.html

shadow-balls.html

 
 

shadow.html

shadow.html

 
 

skybox-test.html

skybox-test.html

 
 

smoothed-controls.html

smoothed-controls.html

 
 

stencil-test.html

stencil-test.html

 
 

synchronized-relative-movement.html

synchronized-relative-movement.html

 
 

texture.html

texture.html

 
 

video.html

video.html

 
 

water-effect-AR.html

water-effect-AR.html

 
 

water-effect.html

water-effect.html

 
 

Repository files navigation

AR-Examples

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:

Online-Demo

About

Augmented Reality examples for the web.

stemkoski.github.io/AR-Examples/

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.8%
  • HTML 5.1%
  • CSS 0.1%