blob: 8285085c212723a195482a72ba92cd42f43ed8f9 (
plain)
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
|
<!-- Manifest version 5 (breaking with version 4) -->
<!-- Metadata -->
<circuit>
{
"name": {
"fr": "Un simple carré",
"en": "A Simple Square"
},
"author": "Minteck Projects"
}
</circuit>
<!-- Cars -->
<div id="car0" style="display: inline-block;position: fixed;top: 42.9px;left: 428px;transform: rotate(0deg);"><img id="car0-img" style="
width: 36px;
"></div>
<div id="car1" style="display: inline-block;position: fixed;top: 79.4px;left: 388.9px;transform: rotate(0deg);"><span id="aibox-far" style="
position: absolute;
display: block;
top: -7px;
bottom: -7px;
left: 0px;
right: -30px;
animation-name: aibox;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate-reverse;
"></span><span id="aibox-near" style="
position: absolute;
display: block;
top: -7px;
bottom: -7px;
left: -7px;
right: -7px;
"></span><span id="aibox-nearest" style="
position: absolute;
display: block;
top: -3px;
bottom: -3px;
left: -3px;
right: -3px;
"></span><img id="car1-img" style="
width: 36px;"></div>
<!-- Oils -->
<div id="oil">
<img src="../race/oil.png" id="oil0" style="top: 278px; left: 634px; transform: rotate(68deg);">
<img src="../race/oil.png" id="oil1" style="top: 22px; left: 457px; transform: rotate(217deg);">
<img src="../race/oil.png" id="oil2" style="top: 26px; left: 531px; transform: rotate(82deg);">
<img src="../race/oil.png" id="oil3" style="top: 155px; left: 425px; transform: rotate(120deg);">
<img src="../race/oil.png" id="oil4" style="top: 137px; left: 121px; transform: rotate(178deg);">
</div>
<!-- Elements -->
<div id="elements">
<!-- Walls -->
<div class="wall" style="
height: 8px;
position: fixed;
width: 325px;
top: 110px;
left: 193px;
"></div><div class="wall" style="
height: 8px;
position: fixed;
width: 498px;
top: 24px;
left: 107px;
"></div><div class="wall" style="height: 8px;position: fixed;width: 325px;top: 404px;left: 193px;"></div><div class="wall" style="
height: 8px;
position: fixed;
width: 498px;
top: 492px;
left: 107px;
"></div><div class="wall" style="
height: 300px;
position: fixed;
width: 8px;
top: 111px;
left: 194px;
"></div><div class="wall" style="
height: 472px;
position: fixed;
width: 8px;
top: 25px;
left: 106px;
"></div><div class="wall" style="height: 300px;position: fixed;width: 8px;top: 110px;left: 515px;"></div><div class="wall" style="
height: 472px;
position: fixed;
width: 8px;
top: 24px;
left: 602px;
"></div>
<!-- Arrival Line -->
<div style="
height: 127px;
position: fixed;
width: 8px;
top: 0px;
left: 346px;
" id="arrival"></div>
<!-- Anti-reverse wall (codename Barrier) -->
<div style="
height: 127px;
position: fixed;
width: 20px;
top: 0;
left: 355px;
" id="barrier"></div></div>
|
