Olá! Vim trazer para vocês uma maneira de adicionar colisão da vaquinha com as bordas do canvas.
//Colisão da vaquinha com as bordas
function limitaAtor(){
if (yAtor > 367){
yAtor = 366;
}
if (yAtor < 0){
yAtor = 1;
}
if (xAtor < 0){
xAtor = 1;
}
if (xAtor > 471){
xAtor = 470;
}
}
Caso se perguntem o por quê eu adicionei colisão no eixo X também, é porque a minha vaquinha se movimenta também na horizontal. Aceito dicas e sugestões para melhorar e simplificar essa função, já que sou iniciante e sei quase nada na área.
Se for implementar esse código no de vocês, é necessário também chamar a função "limitaAtor();" na function draw.