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

[Sugerencia] Ir i venir

<!-- html ----------------------------->

<meta charset="utf-8">

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


</canvas>

<!-- javascript ----------------------------->

<script type="text/javascript">



    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");


    function dibujarCirculo(x, y, radio, colorRelleno, colorBorde) {

        pincel.fillStyle = colorRelleno;
        pincel.beginPath();
        pincel.arc(x, y, radio, 0, 2*3.14);
        pincel.fill();
        pincel.strokeStyle = colorBorde;
        pincel.lineWidth = 5;
        pincel.stroke()
    }

    function limpiarPantalla() {

        pincel.clearRect(0,0,600,400);
    }

    var x = 0;
    var bandera = 0;

    function actualizarPantalla(coorX) {

        limpiarPantalla();
        dibujarCirculo(coorX, 20, 10, "red", "black");

    }

    function irVenir() {

        if (x == 0) {

            bandera = 0;
        }

        if (x == 600) {

            bandera = 1;
        }

        if (bandera == 0){

            x++;
        }

        if (bandera == 1){

            x--;
        }

        actualizarPantalla(x);
    }


setInterval(irVenir,1);


</script>
1 respuesta

Hola Tracy, espero que estés bien!

Buena organización del código JavaScript, es una buena práctica de programación :)

Gracias por compartir tu solución, felicitaciones! Espero que estés disfrutando del contenido y las actividades!

Anexo: el foro se centra en las dudas de contenido y actividad, ¡pero apreciamos sus resultados! Te sugiero que compartas tus resultados en el canal de resultados de tu grupo en lo servidor en Discord.

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!