Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Jugando con los circulos de colores

Buenas noches, estuve practicando con los circulos de colores y en este ejercicio con setInterval, me propuse unir los dos ejercicios ultimos y me salio algo interesante y se los presento :

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

    var pantalla = document.querySelector("canvas");
    var pincel= pantalla.getContext("2d");
    //pintamos nuestra pizarra
    pincel.fillStyle="lightgray"; //propiedad
    pincel.fillRect(0,0,600,400);//funcion 


    function disenarCircunferencia (x,y,radio){
        pincel.fillStyle=colores[indice];;
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();

    }
    function limpiarPantalla(){
        pincel.clearRect(0,0,600,400);
    }
    var x=50;
    var colores=["blue","red","green"];
    var indice =0;
    function actualizarPantalla(color){
        limpiarPantalla();
        disenarCircunferencia(x,20,10);

        if(x==600 ){
            limpiarPantalla();
            x=50;
            indice++;
            if(indice >= colores.length){
            indice=0;
            }
           return false;
        }

         x++;

    }

   //setInterval es para poder poner el tiempo de transicion
   setInterval(actualizarPantalla,10);

</script>

Sugerencias para mejorar el codigo y sea aun mas limpio??.

1 respuesta
solución!

¡Hola Miguel! ¡Espero que estés bien!

¡Gracias por compartir tu código con nosotros, nos alegra mucho que estés practicando programación! La práctica es fundamental para consolidar tus nuevos conocimientos.

En caso que tenga alguna duda relacionada con tu código (como errores, bugs y cualquier otro problema), puede compartir tu código aquí en el foro, explicando tu duda, y te ayudaremos.

No obstante, si no tienes dudas o dificultad en el desarrollo de tu codigo y solo quieres compartir tu progreso o la forma en que realizaste tus actividades, puedes utilizar el canal#ComparteTuCódigo en Discord, que es un canal específico para este fin.

Allí, tus compañeros de estudios podrán ayudarte compartiendo conocimientos. ¡Esta interacción es muy importante para la participación de los alumnos y puede ayudarte a expandir su red de contactos!

¡Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte!

¡Vamos juntos!

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