For my wallpaper project, I chose to draw a pattern of a hummingbird and a little brown bird. I also included some small flowers as accent designs in between the birds. I had the most difficulty trying to figure out the start and end angles of all the semicircles for the birds’ bodies and wings.
Maggie – Wallpaper
//Maggie Ma
//Section D
var birdWidth = 148; //spacing columns
var birdHeight = 111; //spacing rows
function setup() {
createCanvas(600, 600);
background(255);
}
function draw() {
background(246,247,197);
//first column
for(var y=-50; y<=height-50; y+=1.25*birdHeight) {
for(var x=-50; x<=width-50; x+=1.25*birdWidth){
hummingbird(x,y);
}
}
//second column
for(var y=25; y<=height; y+=1.25* birdHeight) {
for(var x=30;x<=width-50;x+=1.25* birdWidth) {
brownbird(x,y);
}
}
}
function hummingbird(x,y) {
push();
translate(x,y);
noStroke();
//beak
fill(0);
triangle(99,56, 99,58, 132,56);
//tail
fill(125,173,141);
quad(24,103,26,106,50,90,45,87);
//body
fill(125,173,141);
arc(65,64,69,67, radians(320),radians(130),CHORD);
fill(246,247,197);
rect(72.112,31.473,33.75,25.133);
//light wing back
fill(167,195,172);
arc(64,52, 29,31,radians(270),radians(90));
//head
fill(125,173,141);
ellipse(87,58,23,23);
//wing light
fill(167,195,172);
arc(57,72, 44,46,radians(320),radians(130),CHORD);
//wing dark
fill(125,173,141);
arc(59,70,42,41,radians(320),radians(130),CHORD);
arc(52,60,29,31,radians(25),radians(205), CHORD);
//eye
fill(0);
stroke(255);
circle(93,58,2.5);
//decor
noStroke();
fill(255,183,0);
circle(71,0,6);
circle(71,4,6);
circle(76,0,6);
circle(76,4,6);
pop();
}
function brownbird(x,y) {
push();
translate(x,y);
noStroke();
//tail
fill(210,118,53);
quad(35,80,51,71,53,75,37,84);
//beak
fill(0);
triangle(104,39,104,42,114,41);
//feet
fill(114,74,26);
rect(79,79,2.3,8.5);
rect(85,75,2.3,13);
//body
fill(220,230,229);
arc(71,46,71,68,radians(320),radians(130),CHORD);
fill(246,247,197);
rect(75.783,11,39.484,29.403);
//head
fill(114,74,26);
arc(91,45,31,34,PI,0,CHORD);
//wing dark
triangle(46,70,64,52,77,70);
circle(77,57,26);
//wing light
fill(210,118,53);
triangle(47,65,71,65,62,51);
ellipse(72,55,22,19);
fill(246,247,197);
quad(31,72,31.196,33.844,76,43,46,72);
//eye light
fill(210,118,53);
ellipse(100,40,7,5.85);
//eye black
fill(0);
ellipse(102,40,2.94);
//decor
noStroke();
fill(62,118,99);
circle(74,0,6);
circle(74,4,6);
circle(79,0,6);
circle(79,4,6);
pop();
}
My original bird drawings in Illustrator: