html
html
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Mage Game</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
</head>
<body>
<canvas id="cvs"></canvas>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
html,body {
width: 100%;
height: 100%;
margin: 0;
position: fixed;
user-select: none;
}
canvas {
width: 100%;
height: 100%;
background-color: black;
padding: 0;
position: absolute;
z-index: -1;
}
::-webkit-scrollbar {
width: 0;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
"use strict";
/*
use awd/arrow keys for movement and space for shooting or use touch...
most featured are designed for mobile/touch devices
108 - 159: Animation template
166 - 219: Game loop
257 - 272: Toast messages
275 - 299: Coin display
302 - 317: Info display
320 - 488: Stats
494 - 691: Shop
717 - 788: Sprite class
801 - 925: Mage class
932 - 976: Enemy class
988 - 1020: Projectile class
1035 - 1053: Coin class
1059 - 1164: Map class
1175 - 1441: Minimap class
1462 - 1626: Controls class
1647 - 1789: DOM Elenment class
1814 - 1828: Interval class
1833 - 1911: Class functions
1945 - 1960: Camera focus
1964 - 2007: Block effects
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Laufen