baseball-simulator/index.html at master · bretmorris/baseball-simulator · 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
  <!--https://github.com/TakashiYoshinaga/Oculus-Quest-Input-Sample-->
  <head>
    <meta charset="utf-8" />
    <title>Baseball simulator</title>
    <meta name="description" content="Oculus Quest Input" />
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-environment-component/dist/aframe-environment-component.min.js"></script>
    <script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v4.0.1/dist/aframe-physics-system.min.js"></script>
    <script src="./index.js"></script>
  </head>
  <body>
    <a-scene background="#fff" debug-controller>
      <a-entity
        id="secondaryHand"
        oculus-touch-controls="hand: left"
      ></a-entity>
      <a-entity
        id="primaryHand"
        oculus-touch-controls="hand: right"
        trigger-listener
      ></a-entity>
      <a-plane
        id="ground"
        static-body
        color="black"
        rotation="-90 0 0"
        position="0 -.2 0"
        width="400"
        height="400"
        material=""
        geometry=""
      ></a-plane>
      <a-plane
        id="field"
        static-body
        color="#9b7653"
        rotation="-90 45 0"
        position="0 0 -85.333"
        width="121"
        height="121"
        material=""
        geometry=""
      ></a-plane>
      <a-plane
        id="infield_grass"
        static-body
        color="#567d46"
        position="0 0.0508 -19.180"
        rotation="-90 -45 0"
        width="27.432"
        height="27.432"
      ></a-plane>
      <a-sphere
        id="mound"
        static-body
        color="#9b7653"
        position="0 -5.2324 -18.4404"
        color="yellow"
        radius="5.4864"
      ></a-sphere>
      <a-sphere
        reset-baseball
        animation="property: position; to: 0 0.9144 0; dur: 375; startEvents: throw"
        id="ball"
        radius="0.0365"
        color="white"
        position="0 2 -18.4404"
      ></a-sphere>
      <a-plane
        id="home_plate"
        static-body
        color="white"
        position="0 .06 0"
        rotation="-90 0 0"
        width=".4318"
        height=".4318"
      ></a-plane>
      <a-plane
        id="first_base"
        static-body
        color="white"
        position="19.39615 0.13 -19.45095"
        rotation="-90 -45 0"
        width="0.381"
        height="0.381"
        material=""
        geometry=""
      ></a-plane>
      <a-plane
        id="second_base"
        static-body
        color="white"
        position="0 0.13 -38.91521"
        rotation="-90 -45 0"
        width="0.381"
        height="0.381"
        material=""
        geometry=""
      ></a-plane>
      <a-plane
        id="third_base"
        static-body
        color="white"
        position="-19.39615 0.13 -19.45095"
        rotation="-90 -45 0"
        width="0.381"
        height="0.381"
        material=""
        geometry=""
      ></a-plane>
      <a-sky id="sky" color="#87ceeb"></a-sky>
      <a-light type="ambient" color="white"></a-light>

      <!-- 6' tall -->
      <a-camera id="batter" position="-0.474 1.8288 0">
        <a-cursor></a-cursor>
      </a-camera>
    </a-scene>
  </body>
</html>