A-Frame-Lars-Ar/index.html at main · Chrstjan/A-Frame-Lars-Ar · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
                        <!--Different stylesheet for sections-->
    <!-- <link rel="stylesheet" href="./Assets/css/main.css"> -->
    <title>Matematik Lars A-Frame</title>
    <script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>

<style>
    a-scene {
  height: 100%;
  width: 100%;

  body {
    margin: 0;
    overflow: hidden;
  }
}

</style>
<body>
    <a-scene embedded arjs>
        <a-entity scale="0.5 1 2"></a-entity>
        <!--x, y, z -->
        <!-- Matematik Lars -->
        <!-- Head-->
        <a-marker preset="hiro">
            <a-entity camera look-controls position="0 1.6 1.2"></a-entity>
          <a-box position="0 0.5 0" material="color: red;"></a-box>
          <a-sphere position="0 3.3 -4" radius="1.25" color="#EF2D5E"></a-sphere>
          <!-- Body & Hands -->
          <a-cylinder
            position="0 1.3 -3"
            radius="0.5"
            height="1.5"
            color="#FFC65D"
          ></a-cylinder>
          <a-cylinder
            position="1.2 1.4 -3"
            radius="0.2"
            height="1.5"
            color="#FFC65D"
            rotation="90 0 90"
          ></a-cylinder>
          <a-cylinder
            position="-1.2 1.4 -3"
            radius="0.2"
            height="1.5"
            color="#FFC65D"
            rotation="90 0 90"
          ></a-cylinder>

          <!-- Legs-->
          <a-cylinder
            position="-0.50 0.50 -3"
            radius="0.2"
            height="1.5"
            color="#FFC65D"
            rotation="0 0 -45"
          ></a-cylinder>
          <a-cylinder
            position="0.50 0.50 -3"
            radius="0.2"
            height="1.5"
            color="#FFC65D"
            rotation="0 0 45"
          ></a-cylinder>
          <a-plane
            position="0 0 -4"
            rotation="-90 0 0"
            width="4"
            height="4"
            color="#7BC8A4"
          ></a-plane>
          <a-sky color="#ECECEC"></a-sky>
        </a-marker>
      </a-scene>
</body>
</html>