var teclas = { up: 38, down: 40, left: 37, right: 39 }; document.addEventListener(“keydown”, dibujarTeclado); var cuadrito = document.get...

var teclas = {

up: 38,

down: 40,

left: 37,

right: 39

};

document.addEventListener(“keydown”, dibujarTeclado);

var cuadrito = document.getElementById(“area_de_dibujo”);

var papel = cuadrito.getContext(“2d”); --> aca es el error no se por q

var x = 150;

var y = 150;

dibujarLinea(“red”, x - 1, y - 1, x + 1, y + 1, papel);

function dibujarLinea(color, xinicial, yinicial, xfinal, yfinal, lienzo) {

lienzo.beginPath();

lienzo.strokeStyle = color;

lienzo.linewidth = 3;

lienzo.moveTo(xinicial, yinicial);

lienzo.lineTo(xfinal, yfinal);

lienzo.stroke();

lienzo.closePath();

}

function dibujarTeclado(evento) {

if (evento.keyCode == teclas.up) {

console.log(“vamos hacia arriba”);

}

if (evento.keyCode == teclas.down) {

console.log(“vamos hacia abajo”);

}

if (evento.keyCode == teclas.left) {

console.log(“vamos hacia izquierda”);

}

if (evento.keyCode == teclas.right) {

console.log(“vamos hacia derecha”);

}

switch (evento.keyCode) {
    case teclas.down:
        console.log("abajo")
        break;
    case teclas.up:
        console.log("arriba")
        break;
    case teclas.left:
        console.log("izquierda")
        break;
    case teclas.right:
        console.log("derecha")
        break;
    default:
        console.log("otra tecla")
        break;
}

}

function dibujarTeclado(evento) {

var color = “blue”;

var movimieto = 10;

switch (evento.keyCode) {

case teclas.down:

dibujarLinea(color, x, y, x, y + movimieto, papel);

y = y - movimieto;

break;

case teclas.up:

dibujarLinea(color, x, y, x, y - movimieto, papel);

y = y - movimieto;

break;

case teclas.left:

dibujarLinea(colo, x, y, x - movimieto, y, papel);

x = x - movimieto;

break;

case teclas.right:

dibujarLinea(colo, x, y, x + movimieto, y, papel);

x = x + movimieto;

break;

default:

console.log(“otra tecla”)

break;

}

}