1
respuesta

Cambiar sentido

<strong><h1>Programa: Cambiar sentido</h1></strong>
<br>

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

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

    function diseñarCircunferencia(x, y, radio){
        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();
    }

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

    var x = 0;
    var derecha = 0;
    var izquierda = 0;
    var mover = true;

    function actualizarPantalla(){ 

        if(mover){

        limpiarPantalla();
        diseñarCircunferencia(izquierda,20,10);

        izquierda++;
        derecha++;

        if(derecha == 600){
                mover = false;
            }

        }else{
            limpiarPantalla();
            diseñarCircunferencia(derecha,20,10);

            derecha--;
            izquierda--;

            if(derecha == 0){
                mover = true;
            }
        }

    }

        setInterval(actualizarPantalla, 10);
</script>
1 respuesta

Hola Gonzalo

Gracias por compartir tu código, está muy bien felicitaciones.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

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