Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

Cambio de colores

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Interactuando con el usuario y actividad Cambiando de color

por Rodrigo Nicolás Lascano
| 79.7k xp | 4 posts
Operario 

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    var xCenter = pantalla.width / 2;
    var yCenter = pantalla.height / 2;
    var radio = 10;
    var colorElegido = 0;
    var colores = ['blue', 'red', 'green'];
    pincel.fillStyle = "lightgray";
    pincel.fillRect(0, 0, 600, 400);

    function dibujarCirculo(evento) {
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;
        pincel.fillStyle = colores[colorElegido];
        pincel.beginPath();
        pincel.arc(x, y, radio, 0, 2*3.14);
        pincel.fill();
    }

    function alterarColor() {
        colorElegido = (colorElegido + 1) % colores.length;
        return false;
    }

    pantalla.onclick = dibujarCirculo;
    pantalla.oncontextmenu = alterarColor;
</script>
3 respuestas
por LUZDALIS LOPEZ D´ROMERO
| 1456.1k xp | 5148 posts
Instructor

¡Hola Rodrigo! ¡Deseo que estés bien!

¡Muchas Felicidades!

¡Gracias por compartir tu código con nosotros! Nos alegra mucho ver tu avance en las prácticas, éstas te darán un mayor fundamento en el aprendizaje. ¡Continua con ese mismo entusiasmo y no te desanimes!

En lo esencial, para agilizar el tiempo de respuesta que damos a ustedes, estamos priorizando el foro para postear las dudas como: errores, bugs y cualquier otro problema referente a los cursos.

En cambio, si deseas compartir tu código, ideas o actividades dispusimos en Discord un canal exclusivo para ese fin (⛓┇comparte-tu-codigo-logica) 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 tu red de contactos!

Te dejo éste link que muestra donde puedes compartir tus actividades

¡Te deseo mucho éxito en tus estudios! y recuerda que aquí estaremos para apoyarte!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!
por Mauro Otoniel Zuñiga Rodriguez
| 98k xp | 4 posts
Asistente

Hola rodrigo, tengo duda en el porque se colocan las variablesvar xCenter = pantalla.width / 2; var yCenter = pantalla.height / 2; cual es la funcion de estas variables?

por Rodrigo Nicolás Lascano
| 79.7k xp | 4 posts
Operario

Hola Mauro, esas variables seguro me quedaron de otro programa que copié y pegué en este. En este caso las variables están de más y no estarían cumpliendo ninguna funcion. Saludos