sundowndev
/
Detank
mirror of https://github.com/sundowndev/Detank.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

js v2

master
sundowndev 2017-12-09 00:46:26 +01:00
parent 4430f8f9cd
commit 85828dfe40
1 changed files with 71 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
assets/js/script.js
View File

@ -1,42 +1,75 @@
var player = document.querySelector('#player');
var x = 0;
var y = 0;
var controls = {
up: 'z',
down: 's',
left: 'q',
right: 'd'
}
function setPosition () {
//
}
function getPosition () {
return [x, y];
}
function move(event) {
var k = event.keyCode,
chrId = document.querySelector('#block1'),
chr = {
updown: function () {
var y = parseInt(getComputedStyle(chrId).top);
if (k == 38) {
y -= 10;
if ( y == -10 ){
y += 10;
}
} else if (k == 40) {
y += 10;
if ( y == 460 ){
y -= 10;
}
}
return y;
},
var k = event.key;
leftright: function () {
var x = parseInt(getComputedStyle(chrId).left);
if (k == 37) {
x -= 10;
if ( x == -10 ){
x += 10;
if(k == controls.up){
y++;
setPosition();
} else if(k == controls.down){
y--;
setPosition();
} else if(k == controls.left){
x--;
setPosition();
} else if(k == controls.right){
x++;
setPosition();
}
} else if (k == 39) {
x += 10;
if ( x == 1160 ){
x -= 10;
}
}
return x;
}
};
chrId.style.top = (chr.updown()) + "px";
chrId.style.left = (chr.leftright()) + "px";
// 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);
document.addEventListener('keydown', move, false);