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

Practica y consulta de color de fondo

Buenas tardes, aca paso el codigo realizado. Queria tambien consultar en el caso que yo quiera el fondo de color ? tendria que agregar un fillStyle en limpiarPantalla? Perdon por mi pregunta

2019

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "yellow"; // Propiedad o caracteristicas
    pincel.fillRect(0, 0,600,400); //Funcion

    function disenarCircunferencia(x,y,radio){
        pincel.fillStyle = "red";
        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 sentido = 1;



    function actualizarPantalla(){


        limpiarPantalla();
        if (x > 600) {
            sentido = -1;
        }

        if (x < 0){

            sentido = 1;
        }

        disenarCircunferencia(x,50,10);
        x = sentido + x;



    }



    setInterval(actualizarPantalla,5);
    //disenarCircunferencia(x,20,10);
</script>
1 respuesta

Si, en esta parte de codigo pincel.fillStyle = "yellow"; cambiarias el color al de tu preferencia.