|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
// Importar la librería p5.js // Asegúrate de que tienes la librería p5.js instalada en tu proyecto // Crear una función setup que se ejecutará al inicio function setup() { // Crear un lienzo de p5.js createCanvas(400, 400); } // Crear una función draw que se ejecutará en un bucle function draw() { // Establecer el fondo del lienzo en un color celeste para representar el cielo background(120, 195, 255); // Dibujar el techo de la casa fill(255, 0, 0); // Rojo para el techo noStroke(); triangle(width / 2, height / 2 - 100, width / 2 - 100, height / 2 + 50, width / 2 + 100, height / 2 + 50); // Dibujar las paredes de la casa fill(255); // Blanco para las paredes noStroke(); rect(width / 2 - 100, height / 2, 200, 150); // Dibujar la puerta de la casa fill(139, 69, 19); // Marrón para la puerta noStroke(); rect(width / 2 - 20, height / 2 + 50, 40, 100); // Dibujar la ventana de la casa fill(255); // Blanco para la ventana stroke(0); // Borde negro para la ventana strokeWeight(4); // Grosor del borde de la ventana rect(width / 2 - 70, height / 2 + 60, 40, 40); // Dibujar el sol fill(255, 255, 0); // Amarillo para el sol noStroke(); circle(width - 50, 50, 80); } |