-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
124 lines (114 loc) · 4.41 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<html>
<head>
<title>Lost in a space odyssey</title>
<meta charset="UTF-8">
<style>
body {background:#000;margin:0;padding:0;}
canvas {display:none;}
#c{height:100vh;margin:auto;display:block;}
.button { background-color: #2c3e50;border: none;padding: 12px 18px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px; }
.button:hover{ background-color:#ecf0f1; }
#f{font-family:sans-serif;position:absolute;bottom:10px;left:10px;font-size:18px;color:#ecf0f1;text-decoration:none;}
#f:hover{color:#2c3e50;}
</style>
<script id="vertex-shader-static" type="x-shader/x-vertex">
attribute vec2 p;
varying vec2 uv;
void main() {
gl_Position = vec4(p,.0,1.);
uv = .5 * (p+1.);
}
</script>
<script id="fragment-shader-glow" type="x-shader/x-fragment">
precision highp float;
uniform vec2 dim;
uniform sampler2D tex;
varying vec2 uv;
uniform float time;
uniform vec3 colors;
void main (){
vec2 pos = uv * dim;
vec4 col = texture2D(tex, uv);
vec4 gws = vec4(.0);
float rand = .02*sin(time)+.3;
float weight = .03;
vec4 col_r = texture2D(tex, uv + vec2((-15. / dim.x) * rand, 0));
col += gws;
// chromatic distorsion
vec4 col_l = texture2D(tex, uv + vec2((8. / dim.x) * rand, 0));
vec4 col_g = texture2D(tex, uv + vec2((-7.5 / dim.x) * rand, 0));
float val = max(1., sin(uv.y * dim.y * 1.2) * 2.5) * rand;
col.r = col.r + col_l.r * val;
col.b = col.b + col_r.b * val;
col.g = col.g + col_g.g * val;
gl_FragColor.rgba = col;
}
</script>
<script id="fragment-shader-crt" type="x-shader/x-fragment">
precision highp float;
uniform vec2 dim;
uniform sampler2D tex;
varying vec2 uv;
uniform float time;
uniform vec3 colors;
void main() {
vec2 coord = uv * dim;
coord -= dim/2.;
float dis = length(coord);
if (dis < 600.) {
float percent = dis / 600.;
coord *= mix(1., smoothstep(0.0, 600. / dis, percent), .125);
}
coord += dim/2.;
vec4 color = texture2D(tex, coord / dim);
float dist = distance(uv, vec2(.5, .5));
color.rgb *= smoothstep(.8, .2*.8, dist);
gl_FragColor = color;
}
</script>
</head>
<body allowfullscreen>
<div id="d">
<canvas id="c"></canvas>
<canvas id="g" moz-opaque></canvas>
</div>
<a href='#' id='f' class='button' title='fullscreen'>FullScreen</a>
<!-- Lib scripts -->
<script src="src/lib/jsfxr.js"></script>
<script src="src/lib/audio.js"></script>
<script src="src/lib/native.object.extension.js"></script>
<script src="src/lib/utils.js"></script>
<script src="src/lib/drawUtils.js"></script>
<script src="src/lib/stats.min.js"></script>
<script src="src/lib/path.js"></script>
<script src="src/lib/webgl.js"></script>
<script src="src/lib/dialogs.js"></script>
<!-- Core 'engine' -->
<script src="src/core/pool.js"></script>
<script src="src/core/particles.js"></script>
<script src="src/core/keyEvents.js"></script>
<script src="src/core/setup.js"></script>
<script src="src/core/effects.js"></script>
<!-- Game assets -->
<script src="src/assets/sounds.js"></script>
<script src="src/assets/colors.js"></script>
<script src="src/assets/font.js"></script>
<!-- Game scripts -->
<script src="src/game/dialogs.js"></script>
<script src="src/game/enemyWave.js"></script>
<script src="src/game/itemLife.js"></script>
<script src="src/game/asteroid.js"></script>
<script src="src/game/passenger.js"></script>
<script src="src/game/jumpPoint.js"></script>
<script src="src/game/enemy.js"></script>
<script src="src/game/playerBullet.js"></script>
<script src="src/game/enemyBullet.js"></script>
<script src="src/game/star.js"></script>
<script src="src/game/ship.js"></script>
<script src="src/game/character.js"></script>
<script src="src/game/hal.js"></script>
<script src="src/game/player.js"></script>
<script src="src/game/game.js"></script>
<script src="src/core/core.js"></script>
</body>
</html>