mirror of https://github.com/sundowndev/Detank.git
update v2
sundowndev
commit
aaa697c579
|
|
@ -3,6 +3,7 @@ body{
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
background: #232323;
|
background: #232323;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header{
|
.header{
|
||||||
|
|
@ -17,23 +18,32 @@ body{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map{
|
.container{
|
||||||
width: 1170px;
|
max-width: 1140px;
|
||||||
height: 460px;
|
margin: auto;
|
||||||
border: solid 3px red;
|
|
||||||
background: url(../img/bg_sand.png) repeat;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.block{
|
.map{
|
||||||
height: 20px;
|
text-align: center;
|
||||||
width: 20px;
|
background: url(../img/bg_sand.png) repeat;
|
||||||
background: green;
|
display: inline-block;
|
||||||
position: absolute;
|
padding-top: 7px;
|
||||||
left: 50px;
|
padding-bottom: 3px;
|
||||||
top: 50px;
|
}
|
||||||
|
|
||||||
|
.line{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.col{
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
border: solid 0px #000;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.line-3 > .col-12{
|
||||||
|
background: url(../img/tank_bg.png) no-repeat;
|
||||||
|
background-position: 0px 0px;
|
||||||
}
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
|
|
@ -34,42 +34,6 @@ function move(event) {
|
||||||
x++;
|
x++;
|
||||||
setPosition();
|
setPosition();
|
||||||
}
|
}
|
||||||
// chr = {
|
|
||||||
// updown: function () {
|
|
||||||
// var y = parseInt(getComputedStyle(player).top);
|
|
||||||
// if (k == 'ArrowUp' || k == 'z') {
|
|
||||||
// y -= 10;
|
|
||||||
// if ( y == -10 ){
|
|
||||||
// y += 10;
|
|
||||||
// }
|
|
||||||
// } else if (k == 'ArrowDown' || k == 's') {
|
|
||||||
// y += 10;
|
|
||||||
// if ( y == 460 ){
|
|
||||||
// y -= 10;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// return y;
|
|
||||||
// },
|
|
||||||
//
|
|
||||||
// leftright: function () {
|
|
||||||
// var x = parseInt(getComputedStyle(player).left);
|
|
||||||
// if (k == 'ArrowLeft' || k == 'q') {
|
|
||||||
// x -= 10;
|
|
||||||
// if ( x == -10 ){
|
|
||||||
// x += 10;
|
|
||||||
// }
|
|
||||||
// } else if (k == 'ArrowRight' || k == 'd') {
|
|
||||||
// x += 10;
|
|
||||||
// if ( x == 1160 ){
|
|
||||||
// x -= 10;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// return x;
|
|
||||||
// }
|
|
||||||
// };
|
|
||||||
//
|
|
||||||
// player.style.top = (chr.updown()) + "px";
|
|
||||||
// player.style.left = (chr.leftright()) + "px";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener('keydown', move, false);
|
document.addEventListener('keydown', move, false);
|
||||||
239
index.html
239
index.html
|
|
@ -1,17 +1,242 @@
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>de_tank</title>
|
<title>de_tank</title>
|
||||||
<link rel="stylesheet" href="./assets/css/style.css">
|
<link rel="stylesheet" href="./assets/css/style.css">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<section class="header">
|
<section class="header">
|
||||||
<h1>de_tank</h1>
|
<h1>de_tank</h1>
|
||||||
</section>
|
</section>
|
||||||
<section class="map">
|
<div class="container">
|
||||||
<div id="block1" class="block"></div>
|
<section class="map">
|
||||||
</section>
|
<div class="line line-1">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-2">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-3">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-4">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-5">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-6">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-7">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-8">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-9">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
<div class="line line-10">
|
||||||
|
<div class="col col-1"></div>
|
||||||
|
<div class="col col-2"></div>
|
||||||
|
<div class="col col-3"></div>
|
||||||
|
<div class="col col-4"></div>
|
||||||
|
<div class="col col-5"></div>
|
||||||
|
<div class="col col-6"></div>
|
||||||
|
<div class="col col-7"></div>
|
||||||
|
<div class="col col-8"></div>
|
||||||
|
<div class="col col-9"></div>
|
||||||
|
<div class="col col-10"></div>
|
||||||
|
<div class="col col-11"></div>
|
||||||
|
<div class="col col-12"></div>
|
||||||
|
<div class="col col-13"></div>
|
||||||
|
<div class="col col-14"></div>
|
||||||
|
<div class="col col-15"></div>
|
||||||
|
<div class="col col-16"></div>
|
||||||
|
<div class="col col-17"></div>
|
||||||
|
<div class="col col-18"></div>
|
||||||
|
<div class="col col-19"></div>
|
||||||
|
<div class="col col-20"></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
<script src="assets/js/script.js"></script>
|
<script src="assets/js/script.js"></script>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue