Ola,
Estou fazendo o jogo da cobrinha e estou com um problema onde, eu aperto para a esquerda e cobra vai para a esquerda, porem quando eu aberto em seguida para a direita, ela também vai como se ela "se atravessasse" e dai queria saber como é possível que eu pare esse comportamento dela ir para as direções contraias:
window.onload = function(){
var stage = document.getElementById("stage") ;
var ctx = stage.getContext("2d");
document.addEventListener("keydown" , keyPush)
setInterval(game, 1000/15);
const vel = 1;
var vx = vy = 0;
var px = py = 10
var tp = 20;
var qp = 20;
var ax = ay = 15
var trail = []
tail = 10;
function game(){
px += vx;
py += vy;
if (px < 0){
px = qp-1;
}
if (px > qp - 1){
px = 0;
}
if (py < 0 ){
py = qp-1;
}
if (py > qp - 1){
py = 0
}
ctx.fillStyle = "black";
ctx.fillRect(0,0, stage.width , stage.height)
ctx.fillStyle = "red";
ctx.fillRect(ax*tp, ay*tp , tp,tp)
ctx.fillStyle = "white";
for(var i = 0; i < trail.length; i++){
ctx.fillRect(trail[i].x*tp , trail[i].y*tp , tp,tp)
if(trail[i].x == px && trail[i].y == py){
tail = 5
}
}
trail.push({x:px , y:py})
while(trail.length > tail){
trail.shift();
}
if (ax == px && ay==py){
tail++;
ax = Math.floor(Math.random()*qp);
ay = Math.floor(Math.random()*qp);
}
}
function keyPush(event){
switch(event.keyCode){
case 37 : //LEFT
vx = -vel;
vy = 0;
break;
case 38://UP
vx = 0;
vy = -vel;
break;
case 39://RIGHT
vx = vel;
vy = 0;
break;
case 40://DOWN
vx = 0;
vy = vel;
break;
default:
break;
}
}
}