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

[Proyecto] Blanco de posicion aleatoria

Iba adelantando a medida que planteaba el ejercicio y mi código fue este. Es un poco diferente pero sin utilizar variables para x, y aleatorio sino que a estas coordenadas les atribuí valores aleatorios entre ()600 y ()400 respectivamente.

<canvas width="600" height="400"></canvas>
<script>
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle = "grey";
        pincel.fillRect(0,0,600,400);

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

        function dibujarBlanco (x,y) {
            dibujarcirculo(x,y,50,"red");
            dibujarcirculo(x,y,40,"white");
            dibujarcirculo(x,y,30,"red");
            dibujarcirculo(x,y,20,"white");
            dibujarcirculo(x,y,10,"red");
                }

        function limpiarPantalla() {
            pincel.clearRect(0,0,600,400)
                }

        function actualizarPantalla() {
                    limpiarPantalla();

        var x = Math.random()*600;
        var y = Math.random()*400;

                dibujarBlanco(x,y);
        }        

setInterval(actualizarPantalla,1000);

</script>
1 respuesta

¡Hola Juan, gracias por tu participación!

Racalcamos que estas actividades sirven para priorizar tus conocimientos a partir de la práctica, por lo que no es necesario publicar tus ejercicios y resoluciones aqui en el foro!

Felicidades por tu dedicación hasta ahora, sigue adelante y no olvides que si tienes alguna duda sobre el contenido de los cursos, estaremos siempre aquí en el foro para ayudarte.

Te dejo una recomendación de usabilidad: Crea una función que dispare un alerta cuando el usuario aperte el blaco, de esta forma ¡tu aplicación se torna mas divertida y interactiva!

Un saludo,

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios