Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Dibujar círculo de color y moverlo sin que se pierda el fondo

Hola a todos!. Hice una modificación en el ejercicio para que no se pierda el color de fondo del canvas.

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

<script>

    var screen = document.querySelector("canvas");
    var brush = screen.getContext("2d");    
    brush.fillStyle = "grey";
    brush.fillRect(0,0,600,400); 

    function drawCircle(x,y,radio){

        brush.fillStyle = "blue";
        brush.beginPath();
        brush.arc(x,y,radio,0,2*Math.PI);
        brush.fill();
        console.log(x + "," + y);        
    }

    function cleanScreen(){
        brush.clearRect(0,0,600,400);
    }

    var x = 0;

    function screenUpdate(){
        cleanScreen();
        brush.fillStyle = "grey";
        brush.fillRect(0,0,600,400);
        drawCircle(x,20,10);
        x++;

    }
    setInterval(screenUpdate,50);

</script> 

Un saludo :)

1 respuesta
solución!

Hola Miguel, espero que estés muy bien.

Felicitaciones por tu aprendizaje. Estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Para no dejar de compartir los códigos, actividades y ejercicios que realizas, creamos un canal en Discord (#compartatucodigo) donde puedes compartirlos, dar y sugerir mejoras con el resto de tus compañeros.

Un saludo.

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