Juego javascript basico

 Coordenada de un click en javascript 

console.log(evento);

crear variable x = evento.pagex;

crear varriable y = evento.pagey;

para concatenar variables en javascript se usa 

(x + "," + y)

Graficar en javascript 

pincel.fillStyle = colour;       // propiedad 

pincel.fillRect(x,y,50,50); 

 pincel.fillRect(0, 0, 600, 400);

     pincel.strokeStyle = "black";

     pincel.strokeRect(0, 0, 600, 400);

Dibujar en javascipt 

pincel.fillStyle = "lightblue";

    pincel.fillRect(0, 0, 600, 400);

 pincel.beginPath(); 

 pantalla.onclick =  exhibirAlerta; // no necesito parentesis solo punto y coma 

Hacer circunferencias 

     

    function disenarCircunferencia (x,y,radio){

    pincel.fillStyle = "black";

    pincel.beginPath();

    pincel.arc(x,y,radio,0,2*Math.PI)

    pincel.fill();

    }

Hacer un for 

for (var x = 20; x < 600;  x++){

disenarCircunferencia(x,20,10);

}

pincel.clearRect(0,0,600,400);  para limpiar la pantalla crear funcion asi:

function limpiarPantalla (){

    pincel.clearRect(0,0,600,400);

}

setInterval(disenarCircunferencia(20,30,20));

setInterval(exibirMensaje,1000);

console.log("mostrar mensaje");  Mostrar mensaje en la consola de programador 

Movimiento pantalla

var x = 0

 

function actualizarPantalla(){

limpiarPantalla();

disenarCircunferencia(x,20,10)

 x++;

}

setInterval(actualizarPantalla,1);