DRUM

ต่อไปนี้จะเป็นการวาดรูปโดยการใช้ Function เข้าช่วยนะค่ะ อันดับแรกเรามาทำความรู้จักกับ function setup() จะมีการประกาศ กำหนด แต่ไม่ต้องเรียกใช้ เพราะมันจะเรียกใช้เองโดยอัตโนมัตและเรานิยมเขียน function set up ไว้ก่อน function draw ซึ่งความจริงแล้ว เราสามารถสลับที่ได้ แต่ที่ไม่นิยมเพราะมันจะอ่าน function setup ก่อนอยู่ดี นอกจากนี้function setup จะเป็นที่กำหนดค่าทั่วไป เช่น สีพื้นหลัง( background();) ขนาดของ Canvas(size(w,h);) ค่ะ

void setup(){

size(400,400);//เป็นคำสั่งที่กำหนด canvas ของภาพนี้ โดย มีการกำหนดค่าโดย (ความกว้าง,ความสูง)

}

void draw(){ // ต่อไปเป็นส่วนของ function void draw() ฟังก์ชั่นนี้ ก็มีการประกาศ กำหนด แต่ไม่ต้องเรียกใช้ เพราะมันจะเรียกใช้เองโดยอัตโนมัต

background(216,216,192); //เป็นคำสั่งที่ใช้ในการกำหนดสีของพื้นหลัง โดยการกำหนดค่าจะเป็น background(R,G,B); โดยมีค่าอยู่ในช่วง 0-255

drawDrum(); //เป็นส่วนที่เรียกใช้ void drawDrum

drawDrumstick(); //เป็นส่วนที่เรียกใช้ void drawDrumstick

}

void drawDrum(){ ในส่วนนี้จะเป็นการประกาศและกำหนด user defined function(ฟังก์ชั่นที่ผู้ใช้กำหนดขึ้นเอง) drawDrum()

stroke(16,118,121); //เป็นคำสั่งที่ใช้ในการกำหนดสีเส้นขอบ stroke(R,G,B); โดยมีค่าอยู่ในช่วง 0-255

fill(89,90,51); //เป็นคำสั่งที่ใช่ในการใส่สี ในที่นี้เป็นสีเีขียวใบตองแห้ง

ellipse(200,200,150,250); //เป็นคำสั่งที่ใช้วาดวงรี ellipse(x,y,w,h);

fill(227,229,90);

ellipse(250,200,150,250);//คำสั่งวงรีที่ใช้วาดหน้ากลอง

line(200,75,250,75); //คำสั่งที่ใช้วาดเส้นตรง line(x,y,x,y); ใช้วาดเส้นที่อยู่ด้านข้างกลอง

line(200,325,250,325);

line(125,185,175,185);

line(125,205,175,205);

rect(140,185,25,20);//คำสั่งที่ใช้วาดสี่เหลี่ยม rect(x,y,w,h);

}

void drawDrumstick(){ ส่วนนี้จะเป็นการประกาศและกำหนด user defined function drawDrumstick()

strokeWeight(3); //เป็นคำสั่งที่ใช้ในการกำหนดความหนาของเส้นขอบ

fill(123,234,129); //สีเขียว

ellipse(270,195,30,30);

line(270,210,285,305);//drumstick 2

ellipse(260,200,30,30);

line(255,215,240,320);//front

}