Click here for free DL of the app version that can save data.

No:3190

551

←

Prev Next

→

Andar
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time unknown sec｜Game capacity 1.884KB｜

Script

de skate

Andar de skate!

Use as setas para mover o skate:

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

de skate

<!DOCTYPE html>
<html>
<head>
	<title>Andar de skate!</title>
</head>
<body>

<h1>Andar de skate!</h1>

<p>Use as setas para mover o skate:</p>

// Define as teclas de movimentação
var teclas = {
  37: false, // esquerda
  38: false, // cima
  39: false, // direita
  40: false  // baixo
};

// Adiciona evento para quando uma tecla é pressionada
document.addEventListener("keydown", function(event) {
	if (event.keyCode in teclas) {
    event.preventDefault();
    teclas[event.keyCode] = true;
	}
});

// Adiciona evento para quando uma tecla é solta
document.addEventListener("keyup", function(event) {
	if (event.keyCode in teclas) {
    event.preventDefault();
    teclas[event.keyCode] = false;
	}
});

// Move o skate
setInterval(function() {
  var skate = document.getElementById("skate");
  var limite_esquerdo = 0;
  var limite_cima = 0;
  var limite_direito = window.innerWidth - skate.offsetWidth;
  var limite_baixo = window.innerHeight - skate.offsetHeight;

// Move para a esquerda
  if (teclas[37] && skate.offsetLeft > limite_esquerdo) {
    skate.style.left = skate.offsetLeft - 10 + "px";
    skate.style.transform = "rotateY(180deg)";
  }

// Move para cima
  if (teclas[38] && skate.offsetTop > limite_cima) {
    skate.style.top = skate.offsetTop - 10 + "px";
  }

// Move para a direita
  if (teclas[39] && skate.offsetLeft < limite_direito) {
    skate.style.left = skate.offsetLeft + 10 + "px";
    skate.style.transform = "rotateY(0deg)";
  }

// Move para baixo
  if (teclas[40] && skate.offsetTop < limite_baixo) {
    skate.style.top = skate.offsetTop + 10 + "px";
  }
}, 20);

</script>

</body>
</html>