-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
107 lines (79 loc) · 5.5 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>FUNKY VR PACHINKO</title>
<!-- A-Frame Components -->
<!--Main Engine-->
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<!-- Kinematic-body -->
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v3.12.3/dist/aframe-extras.min.js"></script>
<!-- Physics System -->
<script src="https://cdn.rawgit.com/donmccurdy/aframe-physics-system/v2.0.0/dist/aframe-physics-system.min.js"></script>
<!--Grab Objects & Progressive Controls-->
<script src="https://unpkg.com/super-hands@2.0.1/dist/super-hands.min.js"></script>
<!-- Particle System -->
<script src="https://unpkg.com/aframe-particle-system-component@1.0.x/dist/aframe-particle-system-component.min.js"></script>
</head>
<body>
<a-scene physics= "debug: false; gravity: -4; restitution: 0.1; friction: 0;">
<!--Assets-->
<a-assets>
<a-mixin id="ball" material="color: #BEBEBE" dynamic-body="shape: box;" grabbable></a-mixin>
<a-mixin id="peg" static-body="shape: box;" rotation="-90 0 0" material="color: #BEBEBE" scale="1 2 1"></a-mixin>
</a-assets>
<!-- Player Controls-->
<a-entity camera progressive-controls="objects: a-sphere" position="0 1 -2.5"></a-entity>
<!--Pachinko Ball-->
<a-sphere mixin="ball" position="2.0 2 -4.2" scale="0.1 0.1 0.1" quaternion="0.333 0 0.943 0" dynamic-body></a-sphere>
<a-sphere mixin="ball" position="2.5 2 -4.2" scale="0.1 0.1 0.1" quaternion="0.333 0 0.943 0" dynamic-body></a-sphere>
<a-sphere mixin="ball" position="3.0 2 -4.2" scale="0.1 0.1 0.1" quaternion="0.333 0 0.943 0" dynamic-body></a-sphere>
<!--Pachinko Machine-->
<!--Main Walls-->
<a-box static-body material="color: #4B4AA9" position="0 -2 -5" scale="4 8 0.2"></a-box>
<a-box static-body material="color: #4B4AA9" position="2 -2 -4.6" scale="0.5 8.0 0.5"></a-box>
<a-box static-body material="color: #4B4AA9" position="-2 -2 -4.6" scale="0.5 8.0 0.5"></a-box>
<a-box static-body material="color: #4B4AA9" position="2.5 1 -4.355" scale="1.501 0.5 1"></a-box>
<a-entity text="value:Drop Balls Behind the Glass!;align:center" position="0 1.5 -4.35" scale="4 4 1"></a-entity>
<!--<a-entity text="value:Score;align:center" position="0 1 -4.35" scale="4 4 1"></a-entity>-->
<!--Window-->
<a-box static-body material="color: #4B4AA9" position="0 -2.5 -4.45" scale="4 7 0.2" opacity="0.3"></a-box>
<!--Left Downer Pegs-->
<a-cylinder mixin="peg" position="-1 -0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-1.2 0 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="-1.4 0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-0.59 -0.5 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-1.2 -2.15 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-1.2 -2.4 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="-1.2 -2.65 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-0.59 -2.5 -4.7" height="0.1" radius="0.1"></a-cylinder>
<!--Center Downer Pegs-->
<a-cylinder mixin="peg" position="0 0 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="0.2 -0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-0.2 -0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="0 -2 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="0.2 -2.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="-0.2 -2.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<!--Right Downer Pegs-->
<a-cylinder mixin="peg" position="1 -0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="1.2 0 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="1.4 0.2 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="0.61 -0.5 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="1.2 -2.15 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="1.2 -2.4 -4.7" height="0.1" radius="0.1" ></a-cylinder>
<a-cylinder mixin="peg" position="1.2 -2.65 -4.7" height="0.1" radius="0.1"></a-cylinder>
<a-cylinder mixin="peg" position="0.59 -2.5 -4.7" height="0.1" radius="0.1"></a-cylinder>
<!--GRAND Prize Winner-->
<a-entity text="value:GOAL;align:center" position="0 -3.4 -4.35" scale="4 4 1"></a-entity>
<a-cylinder mixin="peg" position="0 -4.2 -4.7" height="0.1" radius="0.1" material="color: #E1143C"></a-cylinder>
<a-cylinder mixin="peg" position="0.2 -4 -4.7" height="0.1" radius="0.1" material="color: #E1143C"></a-cylinder>
<a-cylinder mixin="peg" position="-0.2 -4 -4.7" height="0.1" radius="0.1" material="color: #E1143C"></a-cylinder>
<!--Floor
<a-box static-body position="0 -1 -3" material="color: #4B4AA9" scale="2.5 2.5 0.5" opacity="0.05" rotation="-90 180 180"></a-box>
-->
<!--Flaky Water-->
<a-entity particle-system="color:#E5E854;preset:dust"></a-entity>
<a-sky color="#0073BD">
</a-scene>
</body>
</html>