Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] juego de dardos

<canvas width="600" height="400"></canvas>

<script>

var pantalla=document.querySelector("canvas");
var pincel=pantalla.getContext("2d"); 
var radio=10;
// var colores=["blue","red","green"] ;

var indice=0;
pincel.fillStyle="lightgrey";
pincel.fillRect(0,0,600,400);

function disenharCirculo(x,y,radio,color){
    pincel.fillStyle=color;
    pincel.beginPath();
    pincel.arc(x,y,radio,0,2*Math.PI)
    pincel.fill();

}
function limpiarPantalla(){
    pincel.clearRect(0,0,600,400);
}
    //disenharCirculo(x,20,20)
var x=0;
function actualizarPantalla(){
    limpiarPantalla()
    disenharCirculo(x,20,20);
    x++;
}

function cordenadas(x,y){

    disenharCirculo(x,y,radio+20,"red");
    disenharCirculo(x,y,radio+10,"white");
    disenharCirculo(x,y,radio,"red");

}

function aleatorio(maximo){

                return Math.floor(Math.random()*maximo);

}
var xAleatorio=aleatorio(600);
var yAleatorio=aleatorio(400);
cordenadas(xAleatorio,yAleatorio);

//setInterval(actualizarPantalla,80);

</script>
1 respuesta

Alegria muchas gracias por compartir