-
Notifications
You must be signed in to change notification settings - Fork 0
/
ARindex3.html
22 lines (22 loc) · 1.56 KB
/
ARindex3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>
<body>
<a-scene embedded arjs="trackingMethod: best;">
<a-marker preset="hiro">
<a-torus position="0 0.5 0" color="green" radius="0.5" animation="property: components.material.material.color; type: color; from: green; to: red; loop: true; dur: 10000"></a-torus>
<a-plane width="3.5" height="3.5" rotation="-55 0 0" position="0 -1 0" src="https://raw.githubusercontent.com/aframevr/sample-assets/master/assets/images/uvgrid/UV_Grid_Sm.jpg" color="purple"></a-plane>
<a-cylinder color="yellow" height="2" radius="0.05" position="0 0 0"></a-cylinder>
<a-cylinder color="blue" height="2" radius="0.05" position="1 0 0"></a-cylinder>
<a-torus-knot color="orange" radius="0.5" position="1 0.5 0" animation="property: rotation; to: 0 0 360; loop: true; dur: 10000"></a-torus-knot>
<a-plane width="2.5" height="1.5" rotation="-55 0 0" position="0 1 -1" src="https://raw.githubusercontent.com/aframevr/sample-assets/master/assets/images/uvgrid/UV_Grid_Sm.jpg" color="purple"></a-plane>
<!-- <a-text value="Вітаємо у браузерній VR!" color="black" width="3" position="-1 0.5 -1" font="arial-msdf.json" negate="false"></a-text> -->
<a-text value="Welcome to browser's VR" color="black" width="3" position="-1 0.5 -1"></a-text>
</a-marker>
<a-camera-static></a-camera-static>
</a-scene>
</body>
</html>