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
1
respuesta

Lo que hicimos en clase

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad Haz lo que hicimos en el aula

por Milton Adrián Monsalve Correa
| 6.9k xp | 29 posts
<canvas width="600" height="400"></canvas>

<meta charset="utf-8">

<script>

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

pincel.fillStyle = "lightgrey" //propiedad
pincel.fillRect(0,0,600,400); //función

pincel.fillStyle = "green" //propiedad
pincel.fillRect(0,0,200,400); //función

pincel.fillStyle = "red" //propiedad
pincel.fillRect(400,0,200,400); //función

pincel.fillStyle = "yellow" //propiedad
pincel.beginPath(); //comienza un nuevo camino
pincel.moveTo(300,200);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
pincel.fill();

pincel.fillStyle = "yellow" //propiedad
pincel.beginPath(); //comienza un nuevo camino
pincel.arc(300,200,50,0,2*3.14);
pincel.fill();


</script>
1 respuesta
por Marianna Costa
| 614.8k xp | 1826 posts
Alura Scuba Team Scuba Team Front-end

Hola, Milton! Espero que estés muy bien.

Felicitaciones por tu aprendizaje probé tu código y funciona perfectamente! Además, estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Para no dejar de compartir los códigos, actividades y ejercicios que realizas, creamos un canal en Discord (#compartatucodigo) donde puedes compartirlos, dar y sugerir mejoras con el resto de tus compañeros!

Sabemos que esta experiencia e interacción entre los alumnos es muy importante, así que asegúrate de unirte al canal #ComparteTuCodigo en Discord! :)

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