AR met barcode markers en 3d vormen vogel en bloem. terug naar de inleiding AR in fullscreen
De gltf modellen zijn gedownload van sketchfab. De phoenix bird is gemaakt door norberto3d.
De orchid flower is gemaakt door Lassi Kaukonon, ga ook naar dit artikel waar Lassi wat over zijn werk verteld
De flower animatie is gemaakt door Miguelangelo Rosario
Ga voor de barcode markers 5, 7 en 18 naar het artikel AR met barcode markers
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="AR customized barcode marker tracking" content="barcode tracking"/>
<script src="../lib/aframe-v1.2.0.min.js"></script>
<script src="../lib/aframe-extras.min.js"></script>
<script src="../lib/aframe-ar.js"></script>
</head>
<body>
<a-scene arjs="detectionMode: mono_and_matrix; matrixCodeType: 3x3;"
vr-mode-ui="enabled: false;">
<a-assets>
<a-asset-item id="orchid" src="../assets/orchid_flower/scene.gltf"></a-asset-item>
<a-asset-item id="flower" src="../assets/flower_animation/scene.gltf"></a-asset-item>
<a-asset-item id="bird" src="../assets/phoenix_bird/scene.gltf"></a-asset-item>
</a-assets>
<a-entity light="type: ambient; color: #BBB"></a-entity>
<a-entity
light="type: directional; color: #FFF; intensity: 2"
position="-0.5 1 1">
</a-entity>
<a-entity
light="type: directional; color: #FFF; intensity: 2"
position="-0.5 1 2">
</a-entity>
<a-marker type='barcode' value='5'>
<a-entity
position="0 -1 0"
gltf-model="#orchid"
scale="0.3 0.3 0.3" animation-mixer
animation="property: rotation; to: 0 360 0; dur: 10000; dir: alternate; loop: true"
</a-entity>
</a-marker>
<a-marker type='barcode' value='18'>
<a-entity
position="0 -1 2"
gltf-model="#flower"
scale="0.3 0.3 0.3" animation-mixer
</a-entity>
</a-marker>
<a-marker type='barcode' value='7'>
<a-entity
position="0 -1 0"
gltf-model="#bird"
AR m scale="0.006 0.006 0.006" animation-mixer
animation="property: rotation; dur: 10000; to: 0 360 0; dir: alternate; loop: true">
</a-entity>
</a-marker>
<a-entity
camera="active: true"
position="0 0 0">
</a-entity>
</a-scene>
</body>
</html>