Color[art]

ต่อไปนี้ จะป็นการวาดรูปแบบใช้ function แต่มีการนำ condition เข้ามาเพิ่มเพื่อให้ ภาพสามารถเคลื่อนไหวได้

// ส่วนนี้เป็นการประกาศ ตัวแปรแบบ Global เพราะต้องการให้void draw(),void drawPaint(),void drawColor( ) มองเห็นตัวแปรนี้ด้วย และเพื่อให้ สามารถเปลี่ยนแปลงค่าได้

int a=150;//กำหนด ความกว้างและความสูงหรือ รัศมีของวงรีที่ใช้วาด

int x=10;//กำหนดให้สีมีการเพิ่มค่า ในfill แล้วมีการเปลี่ยนสี

int i=100;

void setup(){

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

} //function แรกของการทำงาน จะประกาศ กำหนด แต่ไม่ต้องเรียกใช้ เพราะจะเรียกใช้เองอัตโนมัติ

void draw(){

background(2);//เป็นคำสั่งที่ใช้ในการกำหนดสีของพื้นหลัง

drawPaint(a);//เรียกใช้ฟังก์ชันทีี่่วาดจานสี

drawColor(a,i,x);//เรียกใช้function ที่ใช้วาดสี

if(x>100){

x=10;

i=20;

}else{

x=x+20;

i=i+60;

}//ส่วนนี้จะเป็นเงื่อนไข ที่กำหนดให้ค่าสีมีการเปลี่ยนแปลง คือ เมื่อนำไปบวกกับค่าสีใน fillก็จะทำให้สีเกิดการเปลี่ยนไปเปลี่ยนมา

}

void drawPaint(int a){

noStroke();//กำหนดให้ไม่มีเส้นขอบ

fill(164,250,249);

ellipse(250,250,a*3,a+150);

fill(255);

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

ellipse(410,250,a-50,a-50);

ellipse(190,170,a-50,a-50);

ellipse(310,170,a-50,a-50);

ellipse(250,300,a+50,a-50);

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

void drawColor(int a,int i,int x){

stroke(113,37,90);

strokeWeight(5);

fill(188+i-x,53+i+x,110+i+x);

ellipse(90,250,a-70,a-100);

stroke(23,35,93);

fill(61+i+x,77+i-x,155+i+x);

ellipse(410,250,a-70,a-70);

stroke(22,70,18);

fill(39+i+x,170+i+x,27+i-x);

ellipse(190,170,a-90,a-100);

stroke(142,144,35);

fill(241-i/x,245+i+x,52+i+x);

ellipse(250,300,a+10,a-70);

} ส่วนนี้จะเป็นการประกาศและกำหนด user defined function drawColor() ฟังก์ชันที่ใช้วาดสี