Java Script Picture

In Java script, I decided to create a house. I was not sure how much I wanted to add to the picture, so I just added the trees and sun to fill some space. My biggest challenge was positioning all 12 shapes to look relatively symmetrical, but this was my outcome.

function setup() {

createCanvas(400, 400);

}

function draw() {

background(255);

background(0, 0, 255, 90);

fill('yellow');

ellipse(350, 80, 65);

fill('green');

rect(0, 350, 400, 70);

fill('white');

square(140, 200, 150,);

fill('red');

triangle(140, 200, 290, 200, 205, 90);

fill(0, 0, 255);

square(160, 250, 25);

square(245, 250, 25);

fill('brown');

stroke('black');

strokeWeight(3);

rect(205, 310, 20, 40);

fill('gray');

rect(205, 350, 20, 50);

fill('brown');

rect(50, 330, 10, 50);

rect(355, 330, 10, 50);

fill('green');

ellipse(360, 320, 50);

ellipse(55, 320, 50);

}