คำอธิบาย
size ใช้ในการกำหนดขนาดของ Canvas (กว้างxยาว)หากไม่กำหนด Canvas จะมีขนาด100x100
background เป็นการกำหนดสีของพื้นหลัง
int … เป็นการประกาศตัวแปร[x, y,หรือ r] เพื่อที่จะกำหนดและเรียกใช้ต่อไป
-การกำหนด = ค่าที่กำหนด เรียกว่า literal เป็นค่าที่ไม่ใช่ตัวแปร สามารถนำไปใช้ได้ในทันที Ex. 10,20, 20+30 โดยที่ค้าข้างขวาจะเป็นตัวกำหนดตัวแปรข้างซ้าย
-การเรียกใช้ = จะทำโดยการนำเอาตัวแปรที่ประกาศและกำหนดนั้นไปไว้ตรงบริเวณที่ต้องการ
rect เป็นการวาดรูปสี่เหลี่ยมมุมฉากที่กำหนด มุมเพียงจุดเดียว ความกว้างและความยาวในทิศทางบวก
ellipse เป็นการวาดรูปวงกลมวงรีที่ต้องกำหนด(x,y,ความกว้างม,ความยาว)โดย x,y คือจุดศูนย์กลางของวงกลม
line เป็นการวาดเส้นตรงโดยการกำหนดจุดสองจุด
fill เป็นคำสั่งการใส่สีของรูป
triangle เป็นการวาดรูปสามเหลี่ยมที่กำหนดจุดทั้งสามจุด(x1y1x2,y2,x3,y3)
size(300,300);//ขนาดของ canvas
background(185);//สีของพื้นหลัง
//กลองด้านหน้า
fill(#71AF15)//การใส่สีโดยการใช้โค้ดสี;
int r=90;//ประกาศและกำหนดรัศมีของกลอง
ellipse(145, 195, r, r);//กลองด้านหน้า
fill(185);สีเทา
ellipse(150, 210, r, r);//กลองด้านหน้าสีเทาบริเวณขอบ
fill(0);สีดำ
ellipse(150, 210, r-5, r-5);//กลองด้านหน้า
//ที่เชื่อมระหว่างกลองสองอันด้านบน
line(145, 135, 145, 156);
line(141, 135, 141, 156);
line(126, 135, 159, 135);
line(126, 132, 159, 132);
fill(#548919);//การใส่สีโดยการใช้โค้ดสี
int w=60;//ประกาศและกำหนดความกว้างของสี่เหลี่ยม
rect(40, 125, w, 75);//กลองด้านหลัง
rect(195,150, w, 30);//กลองด้านหลัง
//ขาตั้งกลอง
fill(0);//สีดำ
int x1= 10;
int x2= 62;
int x3= 110;
int y1= 250;
int y2= 220;
triangle(x1, y1, x2, y2, x3, y1);//ขาตั้งกลองด้านซ้าย
triangle(x1+170, y1, x2+170, y2, x3+170, y1);//ขาตั้งกลอง
fill(185);//สีเทา
triangle(18, y1, 62, y2, 102, y1);//ทับสามเหลี่ยมสีดำเพื่อให้เป็นขาตั้งกลองด้านซ้าย
triangle(188, y1, 232, y2, 272, y1);//ทับสามเหลี่ยมสีดำเพื่อให้เป็นขาตั้งกลอง
int Y=250;//ประกาศและกำหนดแกน y
int W= 5;//ประกาศและกำหนดความกว้าง
int H= -170;//มีทิศขึ้นด้านบน ส่วนกับทิศปกติ
fill(0);//สีดำ
rect(230, Y, W, H);//ขาตั้งกลอง
rect(60, Y, W, H-20);//ขาตั้งกลอง
//ฉาบ
fill(#A07534);//การใส่สีโดยการใช้โค้ด
int R1=80;//ประกาศและกำหนดความกว้างของวงกลม
int R2=10;//ประกาศปละกำหนดความสูงของวงกลม
ellipse(230, 100, R1, R2);//ฉาบทางขวา
ellipse(60, 80, R1, R2);//ฉาบทางซ้าย
fill(#94ED37);//การใส่สีโดยการใช้โค้ดสี
int y= 145;//ประกาศและกำหนดจุดแกน y
int w1= 40;//ประกาศและกำหนดความกว้าง
int h= 45;//ประกาศและกำหนดความสูง
rect(126, y, -w1, -h);//กลองด้านบนซ้าย ข้อสังเกต w และ h ติดลบ คือมันจะมีทิศทางการวาดที่ส่วนทางจากปกติ
rect(159, y, w1, -h);//กลองบนขวา
ไม่มีความคิดเห็น:
แสดงความคิดเห็น