LOVE:Angry Bird(พื้นหลังขยับ)

size ใช้ในการกำหนดขนาดของ Canvas (กว้างxยาว)หากไม่กำหนด Canvas จะมีขนาด100x100

int … เป็นการประกาศตัวแปร[x, y,หรือ r] เพื่อที่จะกำหนดและเรียกใช้ต่อไป

-การกำหนด = ค่าที่กำหนด เรียกว่า literal เป็นค่าที่ไม่ใช่ตัวแปร สามารถนำไปใช้ได้ในทันที Ex. 10,20, 20+30 โดยที่ค้าข้างขวาจะเป็นตัวกำหนดตัวแปรข้างซ้าย

-การเรียกใช้ = จะทำโดยการนำเอาตัวแปรที่ประกาศและกำหนดนั้นไปไว้ตรงบริเวณที่ต้องการ

rect เป็นการวาดรูปสี่เหลี่ยมมุมฉากที่กำหนด มุมเพียงจุดเดียว ความกว้างและความยาว

ellipse เป็นการวาดรูปวงกลมวงรีที่ต้องกำหนด(x,y,ความกว้างม,ความยาว)โดย x,y คือจุดศูนย์กลางของวงกลม

quad เป็นการวาดที่สามารถกำหนดมุมได้สี่มุมโดยกำหนดเป็นจุด x,y (x1,y1,x2,y2,x3,y3,x4,y4)โดยการกำหนดจุดนั้นจะกระทำโดยการเวียนในทิศตามเข็นหรือทวนเข็มนาฬิกา

triangle เป็นการวาดรูปสามเหลี่ยมที่กำหนดจุดทั้งสามจุด(x1y1x2,y2,x3,y3)

void setup เป็นฟังก์ชันในการประกาศ กำหนดค่า และเป็นสำหรับพื้นฐาน animation มีการเรียกใช้โดยอัตโนมัติ เราไม่ต้องมีการเรียกใช้อีกและยังเป็นฟังก์ชั่นที่จะทำงานก่อนฟังก์ชั่นอื่นๆเสมอไม่ว่าจะวางไว้บนสุดหรือล่างสุดก็จะทำงานก่อนเป็นอันดับเเรก

void draw เป็นฟังก์ชั่นอัตโนมัติที่ไม่ต้องมีการเรียกใช้ จะทำงานซ้ำๆตามที่ได้ให้ค่าเอาไว้

void setup(){// เป็นฟังก์ชันในการประกาศ กำหนดค่า และเป็นสำหรับพื้นฐาน animation มีการเรียกใช้โดยอัตโนมัติ เราไม่ต้องมีการเรียกใช้อีกและยังเป็นฟังก์ชั่นที่จะทำงานก่อนฟังก์ชั่นอื่นๆเสมอไม่ว่าจะวางไว้บนสุดหรือล่างสุดก็จะทำงานก่อนเป็นอันดับเเรก

size(500,500);//ขนาดของ canvas

ellipse(0,0,0,0);

ellipse(0,500,0,0);

ellipse(500,0,0,0);

ellipse(500,500,0,0);

ellipse(250,250,0,0);

}

int r=0;//ประกาศและกำหนด

void draw(){//เป็นฟังก์ชั่นอัตโนมัติที่ไม่ต้องมีการเรียกใช้ จะทำงานซ้ำๆตามที่ได้ให้ค่าเอาไว้

fill(0,238,238);

ellipse(0,0,r,r);

ellipse(0,500,r,r);

fill(0,206,209);

ellipse(500,0,r,r);

fill(0,178,238);

ellipse(500,500,r,r);

fill(30,144,255);

ellipse(250,250,r,r);

fill(0,178,238);

ellipse(250,250,r-50,r-50);

drawAngrybird();

r=r+15;//เพิ่มค่า r ครั้งละ 15 ครั้งทำให้ขนาดของรัศมีเพิ่มขึ้นเรื่อยๆ

if(r>500){//ถ้าค่า r เพิ่มมากกว่า 500 r จะกลับไปมีค่าเท่ากับ 0 เหมือนเดิม

r=0;

}

}

void drawAngrybird(){//เป็นฟังก์ชั่นที่เรากำหนดเอง สร้างขึ้นมาเอง(user defined function)

//Hair

fill(0);//Black color

triangle(350, 40, 310, 120, 250, 100);//Hair

triangle(400, 90, 300, 120, 300, 85);//Hair

triangle(310, 40, 260, 100, 300, 100);//Hair

//Body

fill(450, 12, 12);//Red color

int R=300;

ellipse(270, 240, R, R);//Red body

//Eyes

fill(245);//White color

int radius=60;

ellipse(230, 270, radius, radius-10);//White eye

ellipse(140, 266, radius-7, radius-17);//White eye

fill(152, 242);//Gray color

int r1=35;

ellipse(137, 265, r1, r1-10);//Gray eye

ellipse(225, 268, r1+5, r1-5);//Gray eye

fill(0);//Black color

quad(190, 255, 290, 200, 270, 220, 280, 240);//Black eyebrows

triangle(170, 254, 110, 240, 105, 215); //Black eyebrows

int R1=20;

int R2=R1-5;

ellipse(130, 262, R1, R2);//Black eye

ellipse(219, 266, R1, R2);//Black eye

//Mouth

fill(235, 454, 0);//Yellow color

triangle(173, 270, 210, 310, 70, 370);//Yellow mouth

triangle(210, 310, 190, 342, 110, 355);//Yellow mouth

}