MUSIC

Melodian.



void setup(){  //เป็นฟังก์ชันแรกที่ถูกกำหนดไว้แล้วให้ถูกเรียกใช้งานเมื่อโปรแกรมเริ่มทำงาน ภายในมีคำสั่งต่างๆโดยเราสามารถใส่เข้าไปเองได้ใน { } จะถูกเรียกใช้โดยอัตโนมัติและเพียงครั้งเดียว
  size(200,200); //size(กำหนดค่าตามแกนx,กำหนดค่าตามแกนy) คือ คำสั่งเพื่อใช้กำหนดขนาด Canvas 
}
void draw(){  //เป็นฟังก์ชันที่จะถูกเรียกใช้งานต่อจากฟังก์ชัน void setup(){ }
ภายใน{ } ของ void draw(){ }มีคำสั่งต่างๆสำหรับวาดรูปกราฟิกเมื่อโปรแกรมทำงาน ฟังก์ชันนี้จะถูกเรียกใช้งานอย่างต่อเนื่องไปเรื่อยๆ
  drawWhiteWedgeFinger(); //เรียกใช้ ฟังก์ชัน drawdrawWhiteWedgeFinger
  drawBlackWedgeFinger(); //เรียกใช้ ฟังก์ชัน drawWedgeFinger
  drawMouthBlown(); //เรียกใช้ ฟังก์ชัน drawMouthBlown
}
void drawWhiteWedgeFinger(){ //เป็นฟังก์ชันที่เราสร้างขึ้นมาเอง โดยใช้ชื่อ drawWhiteWedgeFinger

//int คือ การประกาศตัวแปรเป็นค่าจำนวนเต็ม โดยค่าข้างขวาจะกำหนดตัวแปรข้างซ้าย 
  int x = 50;
  int y = 100;
  int z = 40;
  
//fill คือ การใส่สี กำหนดค่าได้ดังนี้ (แดง,เขียว,น้ำเงิน) โดยมีค่าสิ้นสุดที่ 255
  fill(0,0,255); //blue color
  rect(30,44,168,86);
  fill(225,225,225); //white color
  rect(35,x,160,75); 

//line (x,y,x1,y1) คือ คำสั่งที่ใช้วาดเส้น
  line(50,125,50,50); 
  line(x+15,125,x+15,50); //รับค่า x มาจากการที่ประกาศตัวแปรข้างต้น x=50
  line(x+30,125,x+30,50);
  line(95,125,95,50);
  line(y+10,125,y+10,50); //รับค่า x และ y มาจากการที่ประกาศตัวแปรข้างต้น x=50,y=100
  line(y+25,125,y+25,50);
  line(y+z,125,y+z,50);
  line(x+y+5,125,x+y+5,50); //รับค่า x,y และ z มาจากการที่ประกาศตัวแปรข้างต้น x=50,y=100,z=40
  line(x+y+20,125,x+y+20,50);
  line(185,125,185,50);
}
void drawBlackWedgeFinger(){ //เป็นฟังก์ชันที่เราสร้างขึ้นมาเอง โดยใช้ชื่อ drawBlackWedgeFinger
  int x = 50;
  int y = 100;
  int z = 40;
  
  fill(0); //black color
  rect(45,50,10,40); 
  rect(x+11,x,10,z);
  rect(77,x,10,z); 
  rect(105,x,10,z); //รับค่า x และ z มาจากการที่ประกาศตัวแปรข้างต้น x=50 , z=40
  rect(120,x,10,z);  
  rect(x+y,x,10,z); //รับค่า x,y และ z มาจากการที่ประกาศตัวแปรข้างต้น x=50.y=100,z=40
  rect(166,x,10,z);  
  rect(181,x,10,z);
}

void drawMouthBlown(){ //เป็นฟังก์ชันที่เราสร้างขึ้นมาเอง โดยใช้ชื่อ drawMouthBlown
  rect(10,95,20,15);
}