Powered by: 
0%
Augmented Reality with three.js
- works on desktop and mobile
require WebGL and getUserMedia Support - Put this marker in front of the camera
Source: webcam - image - video
require WebGL and getUserMedia Support - Put this marker in front of the camera
Source: webcam - image - video
OPTIONS
Close
Continue
1. Open Chrome browser in mobile
This will ask for permission to access you camera. Allow it.
2. Use this Marker
Click on the image to download the given marker, print it and place it on your desire target location.
3. Enjoy AR!
Track the marker with the activate camera. Move around the marker and visualize the 3D object in real life. Happy AR!
Mesh Information
| Volume: |
00.00 |
| Area: |
00.00 mm2 |
| Size: |
00.00 mm X 00.00 mm X 00.00 mm |
| Box: |
00.00 mm X 00.00 mm X 00.00 mm |
| Vertices: |
00 |
| Triangles: |
00 |
Scale
Scale
mm
in
| Select 1st point | |
| Select 2st point: | |
| Calculate: |
Section Cut View
-
Front:
-
Top:
-
Left:
Smoothness Factor
| Mesh Quality Level |
Autorotation
| Autorotation speed |
Create Custom Material
Create Material
| Color | |
| Emissive | |
| Roughness | |
| Metalness | |
| Shading | |
| Opacity | |
| Fog |
|
| Environment Maps |
|
Quick Material
Preset Materials
Lighting
| Position |
|
| Rotation |
|
| Scale |
|
| Visibility |
|
| Sky Color | |
| Ground Color | |
| Intensity |
| Position |
|
| Rotation |
|
| Scale |
|
| Visibility |
|
| Color | |
| Intensity | |
| Light Helper |
|
| Position |
|
| Rotation |
|
| Scale |
|
| Visibility |
|
| Color | |
| Intensity | |
| Light Helper |
|
Background Setting
Panoramic
| Select Scene |
Static Image
| Select Image |
Solid Color
| Set Color |
Gradient Color
| Set Gradient Color |
Grounded
| Set Ground | |
| Visibility | |
| Night Mode |
Distance Measured:
00.00
00.00
00.00
00.00