mirror of
https://github.com/kevin-DL/gyk-ar.git
synced 2026-01-20 22:15:07 +00:00
Ported over the results from the previous attempt
This commit is contained in:
55
pages/second.html
Normal file
55
pages/second.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<html>
|
||||
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
|
||||
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.7.5/aframe/build/aframe-ar.js"></script>
|
||||
<!-- <script src="./assets/three.js"></script>
|
||||
<script src="./assets/draco.js"></script> -->
|
||||
|
||||
<body style="margin : 0px; overflow: hidden;">
|
||||
<a-scene
|
||||
embedded
|
||||
arjs="trackingMethod: best; debugUIEnabled: false sourceType: webcam; detectionMode: mono_and_matrix; matrixCodeType: 3x3;"
|
||||
>
|
||||
<a-marker type="barcode" value="5">
|
||||
<a-box material="opacity: 0.5; side:double; color:red;">
|
||||
<a-text value="Hello, World!"></a-text>
|
||||
</a-box>
|
||||
<a-box
|
||||
material="opacity: 0.5; side:double; color:yellow;"
|
||||
position="1 1 1"
|
||||
>
|
||||
<a-text value="Hello, World!"></a-text>
|
||||
</a-box>
|
||||
</a-marker>
|
||||
|
||||
<a-marker type="barcode" value="0">
|
||||
<a-box
|
||||
position="0 1.6 0"
|
||||
animation="property: position; to: 5 1.6 0; dur: 1500; easing: linear"
|
||||
></a-box>
|
||||
<a-sphere
|
||||
id="sphere"
|
||||
cursor-listener
|
||||
material="opacity: 0.5; color:red;"
|
||||
position="0 1 0"
|
||||
animation="property: position; to: 0 2 0; dur: 1500; easing: easeInOutCirc; delay:1000; loop: true; dir: alternate; "
|
||||
>
|
||||
<a-text value="Wazaa"></a-text>
|
||||
</a-sphere>
|
||||
</a-marker>
|
||||
|
||||
<a-marker type="barcode" value="1">
|
||||
<a-plane
|
||||
color="#ccc"
|
||||
height="20"
|
||||
width="20"
|
||||
rotation="-45 0 0"
|
||||
scale="0.3 0.3 0.3"
|
||||
>
|
||||
<a-text value="TDD" color="#000"></a-text>
|
||||
</a-plane>
|
||||
</a-marker>
|
||||
<!-- <a-camera-static/> -->
|
||||
<a-entity camera></a-entity>
|
||||
</a-scene>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user