totole/gyk-ar
1
0
Fork 0
mirror of https://github.com/kevin-DL/gyk-ar.git synced 2026-01-11 18:44:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Only one model on the first page

Browse Source
This commit is contained in:
Kevin ANATOLE
2019-07-30 07:38:13 +01:00
parent 5a0e162927
commit 7e6edc8a1d
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
pages/first.html
View File

@@ -1,30 +1,34 @@
<html> <html>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script> <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="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/three.js"></script>
<script src="./assets/draco.js"></script> --> <script src="./assets/draco.js"></script> -->
<body style="margin : 0px; overflow: hidden;"> <body style="margin : 0px; overflow: hidden;">
<a-scene embedded <a-scene
arjs="trackingMethod: best; debugUIEnabled: false sourceType: webcam; detectionMode: mono_and_matrix; matrixCodeType: 3x3;"> embedded
<!-- <a-anchor hit-testing-enabled="true"> arjs="trackingMethod: best; debugUIEnabled: false sourceType: webcam; detectionMode: mono_and_matrix; matrixCodeType: 3x3;"
>
<!-- <a-anchor hit-testing-enabled="true">
</a-anchor> --> </a-anchor> -->
<a-marker type="barcode" value="5"> <a-marker type="barcode" value="5">
<a-box material="opacity: 0.5; side:double; color:red;"> <a-box material="opacity: 0.5; side:double; color:red;">
<a-text value="Hello, World!"></a-text> <a-text value="Hello, World!"></a-text>
</a-box> </a-box>
<a-box material="opacity: 0.5; side:double; color:yellow;" position="1 1 1"> <a-box
<a-text value="Hello, World!"></a-text> material="opacity: 0.5; side:double; color:yellow;"
</a-box> position="1 1 1"
</a-marker> >
<a-text value="Hello, World!"></a-text>
</a-box>
</a-marker>
<a-marker type="barcode" value="0"> <!-- <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-box position="0 1.6 0" animation="property: position; to: 5 1.6 0; dur: 1500; easing: linear"></a-box>
<a-entity id="mouseCursor" cursor="rayOrigin: mouse"></a-entity>--> <a-entity id="mouseCursor" cursor="rayOrigin: mouse"></a-entity>
<a-sphere id="sphere" cursor-listener material='opacity: 1; color:red;' position="0 1 0" <a-sphere id="sphere" cursor-listener material='opacity: 1; color:red;' position="0 1 0"
animation="property: position; to: 0 2 0; dur: 1500; easing: easeInOutCirc; delay:1000; loop: true; dir: alternate; "> animation="property: position; to: 0 2 0; dur: 1500; easing: easeInOutCirc; delay:1000; loop: true; dir: alternate; ">
--> <a-animation attribute="position" dur="1000" from="0 1 0" to="0 20 3" repeat="indefinite"></a-animation>
<!-- <a-animation attribute="position" dur="1000" from="0 1 0" to="0 20 3" repeat="indefinite"></a-animation> -->
<a-text value="Wazaa"></a-text> <a-text value="Wazaa"></a-text>
</a-box> </a-box>
</a-marker> </a-marker>
@@ -33,12 +37,10 @@
<a-plane color="#ccc" height="20" width="20" rotation="-45 0 0" scale="0.3 0.3 0.3"> <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-text value="TDD" color="#000"></a-text>
</a-plane> </a-plane>
</a-marker> </a-marker> -->
<!-- <a-camera-static/> --> <!-- <a-camera-static/> -->
<a-entity camera look-controls></a-entity> <a-entity camera look-controls></a-entity>
</a-scene> </a-scene>
<script> <script></script>
</script> </body>
</body> </html>
</html>