-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
78 lines (63 loc) · 2.37 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
<head>
<title>Lovely Drive</title>
<meta id=viewport name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<!-- build:css inline build/index.min.css -->
<link rel=stylesheet type=text/css href=style/index.css>
<link rel=stylesheet type=text/css href=style/loader.css>
<!-- /build -->
<!-- XXX: Do not add elements OR whitespace between the head and canvas -->
</head><canvas id=c></canvas>
<!-- build:remove -->
<!-- Vertex shader: src/glsl/vertex.glsl -->
<script type="x-shader/x-vertex">
attribute vec4 c; // Interpolation Color
attribute vec2 u; // Texture coordinates
attribute vec4 v; // Vertex position
uniform mat4 p; // Projection matrix
uniform mat4 m; // View matrix
varying vec4 i; // Interpolation Color
varying vec2 t; // Texture coordinates
void main(void) {
// Pass varyings along to fragment shader
i = c;
t = u;
// Transform the vertex position by the projection and view matrices
gl_Position = p * m * v;
}
</script>
<!-- Fragment shader: src/glsl/fragment.glsl -->
<script type="x-shader/x-fragment">
precision highp float;
uniform sampler2D s; // Texture Sampler2D
varying vec4 i; // Interpolation Color
varying vec2 t; // Texture coordinates
void main(void) {
// Set the fragment color by sampling the texture and multiply color
gl_FragColor = texture2D(s, t) * i;
}
</script>
<!-- /build -->
<!-- Logo -->
<div id=l><span>It's a</span><br>Lovely <span>day<br>for<br>a</span> Drive</div>
<!-- Status message and Progress bar -->
<div id=m>Loading<div id=s></div></div>
<div id=p></div>
<!-- Distance/High Score -->
<div id=d></div>
<!-- build:js inline build/app.min.js -->
<script src=src/progress.js></script>
<script src=src/vendors/sonantx.js></script>
<script src=src/vendors/motor.js></script>
<script src=src/bgm/lovely_drive.js></script>
<script src=src/polyfill.js></script>
<script src=src/math.js></script>
<script src=src/webgl.js></script>
<script src=src/fractal.js></script>
<script src=src/textures.js></script>
<script src=src/scene.js></script>
<script src=src/input.js></script>
<script src=src/utils.js></script>
<script src=src/main.js></script>
<!-- /build -->