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

¡Ya que va, que vuelva! Practica

Comparto mi código, fue la mejor idea que se me ocurrió.

<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 disenharCircunferencia(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;

        function actualizarPantallaDerecha(){

            limpiarPantalla();
            disenharCircunferencia(x,20,10);
            x++;
        }

        function actualizarPantallaIzquierda(){
            limpiarPantalla();
            disenharCircunferencia(x,20,10);
            x--;
        }



        for(var i=0; i <= 600; i++){
            setInterval(actualizarPantallaDerecha,1000);
        }
        for(var n=600; n>=0; n--){
            setInterval(actualizarPantallaIzquierda,1000);
        }
    </script> 
1 respuesta

excelente codigo funciona bien buena solucion.