arField/index.html at master · FangerZero/arField · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
<script src="markers.js"></script>
<script src="players.js"></script>
<script>
</script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene stats embedded arjs='trackingMethod: best; debugUIEnabled: false;'>
        <a-assets>
            <a-mixin id="marker" geometry="primitive: plane; height: .25;" material="color: #FFF" rotation="-90 0 0"></a-mixin>
            <a-mixin id="player" geometry="primitive: cylinder; height: 2;" radius-bottom="1"></a-mixin>
            <img id="logo" src="Omaha_Stockmen_RGB.png">
        </a-assets>
          <a-camera></a-camera>
          <a-entity markers></a-entity>
          <a-entity players></a-entity>
          <!--- Logo -->
          <a-image src="#logo"  rotation="-90 90 0" position="0 .05 0" width="20" height="20"></a-image>
          <!-- Numbers -->
          <a-text value="50" color="#FFF" rotation="-90 90 0" position="17 0.1 2.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="40" color="#FFF" rotation="-90 90 0" position="17 0.1 12.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="40" color="#FFF" rotation="-90 90 0" position="17 0.1 -7.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="30" color="#FFF" rotation="-90 90 0" position="17 0.1 22.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="30" color="#FFF" rotation="-90 90 0" position="17 0.1 -17.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="20" color="#FFF" rotation="-90 90 0" position="17 0.1 32.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="20" color="#FFF" rotation="-90 90 0" position="17 0.1 -27.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="10" color="#FFF" rotation="-90 90 0" position="17 0.1 42.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="10" color="#FFF" rotation="-90 90 0" position="17 0.1 -37.4" letter-spacing="10" height="75" width="75" ></a-text>

          <a-text value="50" color="#FFF" rotation="-90 -90 0" position="-17 0.1 -2.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="40" color="#FFF" rotation="-90 -90 0" position="-17 0.1 -12.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="40" color="#FFF" rotation="-90 -90 0" position="-17 0.1 7.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="30" color="#FFF" rotation="-90 -90 0" position="-17 0.1 -22.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="30" color="#FFF" rotation="-90 -90 0" position="-17 0.1 17.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="20" color="#FFF" rotation="-90 -90 0" position="-17 0.1 -32.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="20" color="#FFF" rotation="-90 -90 0" position="-17 0.1 27.4" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="10" color="#FFF" rotation="-90 -90 0" position="-17 0.1 -42.6" letter-spacing="10" height="75" width="75" ></a-text>
          <a-text value="10" color="#FFF" rotation="-90 -90 0" position="-17 0.1 37.4" letter-spacing="10" height="75" width="75" ></a-text>

          <!-- White Outline -->
          <a-plane position="0 -.01 0" rotation="-90 0 0" width="54.33" height="121" color="#FFF"></a-plane>
          <!-- Green Grass -->
          <a-plane position="0 0 0" rotation="-90 0 0" width="53.33" height="100" color="#2A2"></a-plane>
          <!-- Endzone -->
          <a-plane position="0 0 55" rotation="-90 0 0" width="53.33" height="10" color="#F00"></a-plane>
          <a-plane position="0 0 -55" rotation="-90 0 0" width="53.33" height="10" color="#F00"></a-plane>
          <a-text value="STOCKMEN" color="#FFF" rotation="-90 0 0" position="-24 0.1 -55" letter-spacing="0" height="200" width="200" ></a-text>
          <a-text value="OMAHA" color="#FFF" rotation="-90 180 0" position="17 0.1 55" letter-spacing="0" height="200" width="200" ></a-text>
          <!-- Goal Posts -->
          <a-cylinder position="0 1.5 60" color="yellow" height="3" radius="0.2"></a-cylinder>
          <a-cylinder position="2.8 6 60" color="yellow" height="6.1" radius="0.2"></a-cylinder>
          <a-cylinder position="-2.8 6 60" color="yellow" height="6.1" radius="0.2"></a-cylinder>
          <a-cylinder position="0 3 60" rotation="-90 -90 0" color="yellow" height="5.6" radius="0.2"></a-cylinder>
          <a-cylinder position="0 1.5 -60" color="yellow" height="3" radius="0.2"></a-cylinder>
          <a-cylinder position="2.8 6 -60" color="yellow" height="6.1" radius="0.2"></a-cylinder>
          <a-cylinder position="-2.8 6 -60" color="yellow" height="6.1" radius="0.2"></a-cylinder>
          <a-cylinder position="0 3 -60" rotation="-90 -90 0" color="yellow" height="5.6" radius="0.2"></a-cylinder>
    </a-scene>
  </body>
</html>