ประเพณีปล่อยโคม

เป็นการใช้Function วาดรูปโดยมีการทำให้ภาพสามารถเคลื่อนไหวได้ เป็นแบบ Animation เริ่มจากส่วนแรก

// ในส่วนนี้จะเป็นการประกาศและกำหนดตัวแปร แบบ Global Variable

เพื่อให้ function void draw()void drawlamp() void drawFire()void drawCartoon()มองเห็นตัวแปรนี้ด้วย

int x=0;

int y=0;

void setup(){

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

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

void draw(){

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

drawlamp(x,y); //เรียกใช้user defined function drawlamp() โดยรับค่า x,yมาใช้ใน function (แบบ parameter)

drawFire(x,y); //เรียกใช้user defined function drawFire()โดยรับค่า x,y มาใช้ใน function (แบบ parameter)

drawFire(x,y);; //เรียกใช้user defined function drawFire() โดยรับค่า x,yมาใช้ใน function (แบบ parameter)

x=x+1; //กำหนดให้ค่า x เพิ่มขึ้น ทีละ 1

y=y+1;//กำหนดให้ค่า y เพิ่มขึ้น ทีละ 1

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

void drawlamp(int x,int y){

fill(300,250,100);

rect(10-x+100,100-y+100,35,35);//คำสั่งที่ใช้วาดสี่เหลี่ยม rect(x,y,w,h);

rect(30, 180-y+100, 45, 45);

rect(100,120-y+170,45,45);

rect(150,250-y+170,44,44);

rect(200-x+180,200-y+180,25,25);

rect(250,100-y+170,20,20);

rect(189, 180-y+100, 45, 45);

fill(225,170,50);

rect(45-x+170,87-y+170,10,10);

rect(189-x+17,45-x+17,10,10);

rect(7,189-y+190,10,10);

rect(35-x+170,24-y+170,10,10);

rect(24,267-y+170,20,20);

}//เป็นการประกาศและกำหนด user defined function(ฟังก์ชั่นที่ผู้ใช้กำหนดขึ้นเอง) โดยเป็นแบบ function with parameter

void drawFire(int x,int y){

noStroke();

fill(random(225),random(170),random(50));// random() เป็นคำสั่งที่กำหนดให้มีการ random ค่าสี

ellipse(25-x+100,117-y+100,10,30);//โดยในแต่ละอันที่ต้องการให้เคลื่อนที่จะมีการบวก y ตามแนวแกนy

ellipse(50,197-y+100,15,30);

ellipse(125,137-y+170,15,30);

ellipse(170,267-y+170,15,30);

ellipse(213-x+180,208-y+180,9,14);

ellipse(260,108-y+170,7,13);

ellipse(210,197-y+100,15,30);

}//เป็นการประกาศและกำหนด user defined function(ฟังก์ชั่นที่ผู้ใช้กำหนดขึ้นเอง) โดยเป็นแบบ function with parameter

void drawCartoon(int x,int y){

stroke(2);

fill(200,80,50);//เป็นคำสั่งที่ใช่ในการใส่สี

ellipse(299-x+190,260,20,35);;//เป็นคำสั่งที่ใช้วาดวงรี ellipse(x,y,w,h);

fill(240,60);

ellipse(299-x+190,299,50,50);//โดยในแต่ละอันที่ต้องการให้เคลื่อนที่จะมีการบวก x ตามแนวแกน x

ellipse(297-x+190,255,8,9);

fill(2678,345,67);//yellow color

ellipse(255-x+180,300,50,50);

fill(240,60);

ellipse(255-x+180,260,20,35);

ellipse(253-x+180,255,8,9);

fill(268,4599,1289);

ellipse(299-x+300,260,20,35);

fill(698,45,6789);

ellipse(299-x+300,299,50,50);

fill(2);

ellipse(297-x+300,255,8,9);

}//เป็นการประกาศและกำหนด user defined function(ฟังก์ชั่นที่ผู้ใช้กำหนดขึ้นเอง) โดยเป็นแบบ function with parameter