..$_$ Tom-Tom $_$..

..$_$ Tom-Tom $_$..

~ มามะมาตีกลองกัน ^-^  Drum Drum ~

A Tom-Tom Processing.js code  



//ลำดับก่อนหลังมีผลต่อการวาด วาดก่อนภาพอยู่ล่างวาดหลังภาพอยู่บน
//ใส่ขนาดงานวาด และ พื้นหลัง
size(300,400);
background(255,220,211);
noStroke();  //ไม่วาดเส้น
rect(40,40,220,320);  //วาดสี่เหลี่ยมผืนผ้า
 
//variable
int x = 150;  //Assignment Operator ค่าข้างขวากำหนดตัวแปรข้างซ้าย
int y = 133;
int r = 130;
int w = 15;
 
//ชายผ้าสีรุ้ง
fill(252,15,31);  //ใส่สีรูปวาด
quad(x-35,y+60,x,y+60,x,y+90,x-50,y+90);  //วาดสี่เหลี่ยม
fill(85,247,65);
quad(x-25,y+70,x,y+70,x,y+110,x-40,y+110);
 
//ขากลอง
fill(139,78,13);
quad(x-12,y,x+12,y,x+20,y+195,x-20,y+195);
ellipse(x,y+200,60,30);  //วาดวงรี
 
//tom-tom
ellipse(x,y,r,r+20); 
 
//ผ้าสีรุ้ง
fill(244,247,65);
rect(x-54,y+10,108,60);
fill(85,247,65);
rect(x-63,y-30,126,75);
fill(252,15,31);
rect(x-65,y-48,130,60);
 
//tom-tom
noFill();  //ไม่มีสีรูปวาด
stroke(201,22,6);  //กำหนดสีเส้น
strokeWeight(5);  //Thicker
arc(140,200,150,260,PI/2,TWO_PI-PI/2);  //วาดเส้นโค้งกำหนดค่า PI
noStroke();
fill(245,196,143);
ellipse(x,y-r/3,r,r/2);