Chillenium/index.html at master · ironsdan/Chillenium · 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
<!DOCTYPE html>
<!-- http-server -a localhost -p 8000 -c-1 -->
<html>
<head>
	<title> Mineral, Parchment, Shears! </title>
	<script src="js/game.js"></script>
	<script src="js/material.js"></script>
	<script src="js/math.js"></script>
	<script src="js/entity.js"></script>
	<script src="js/enemy.js"></script>
	<script src="js/damage.js"></script>
	<style>
		* {margin:0 ; padding:0;}
		body {overflow:hidden}
		canvas{background:black;}
	</style>

	<script>
		var audio = new Audio("music/Theme.mp3");
		audio.play();

		window.addEventListener("load", function()
		{
			window.game = new Game();

			window.game.resize(window.innerWidth, window.innerHeight);

			loop();
		});

		window.addEventListener("resize", function()
		{
			window.game.resize(window.innerWidth, window.innerHeight);
		});

		window.addEventListener('keydown', function(event) { Key.onKeydown(event); }, false);
		window.addEventListener('keyup', function(event) { Key.onKeyup(event); }, false);

	</script>

	<script type="vertext_shader" id="vs_01">
		attribute vec2 a_position;
		attribute vec2 a_texCoord;

		uniform mat3 u_world;
		uniform mat3 u_object;
		uniform vec2 u_frame;

		varying vec2 v_texCoord;
		void main()
		{
			gl_Position = vec4( u_world * u_object * vec3(a_position, 1), 1); // order matters!
			v_texCoord = a_texCoord + u_frame;
		}
	</script>

	<script type="fragment_shader" id="fs_01">
		precision mediump float;
		uniform sampler2D u_image;
		varying vec2 v_texCoord;

		void main()
		{
			gl_FragColor = texture2D(u_image, v_texCoord);
		}
	</script>
</head>
<body>
</body>
</html>