Pencil

 
float highPen = 75;
void setup () {
  size (350, 150);
  background (204, 255, 0);
}
void draw () {
  draw_pencil (highPen);
  highPen = highPen -1;
  if (highPen <= 0) {
    highPen =height-50;
  }
}

void draw_pencil (float highPen) {
  background (204, 255, 0);
  noStroke ();
  fill (153, 51, 0);
  triangle (20, highPen, 70, highPen-20, 70, highPen+20);
  rect (70, highPen-20, 200, 40);
  fill (255);
  rect (270, highPen-20, 30, 40);
  fill (0);
  triangle (20, highPen, 40, highPen-7, 40, highPen+7);
}

Exercises Textbooks In Function.

Assume that two students take a java exam, and the result are assigned to two variables:

int mark1 = 44;
int mark2 = 51;

write a program which calculates and display the average mark as a float value. Check your answer with a calculator.

void setup () {
  size (120, 50);
  background (102, 51, 0);
  calculate (44, 51);
}

void calculate (int mark1, int mark2) {
  float sum = mark1+mark2;
  float average =sum/2;
  text ("Average = "+average, 20, 30);
}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Convert 37 Celsius to Fahrenheit

void setup () {

  size (150, 50);
  background (53, 204, 0);
  Convert (37) ;
}

void Convert (float Celsius) {
  float Fahrenheit = ((Celsius*9)/5)+32;
  text ("Fahrenheit = "+Fahrenheit, 20, 30);
}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Convert 3 feet into meters

void setup () {

  size (100, 50);

  background (153, 51, 102);

  calculate (3);

}

void calculate (float feet) {

  float meters = feet*0.3048;

  text ("Meters = "+round(meters), 20, 30);

}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Football Field In Function.

float distant = 20;

void setup () {

  size (500, 250);

}

void draw () {

  background (0, 255, 0);

  footballfield_soom (distant);

  distant = distant + 0.1;

  if (distant >= height-220){

  distant = 20;

  }

}

void footballfield_soom (float distant) {

  background (0, 255, 0);

  noFill();

  stroke (255);

  strokeWeight (3);

  rect (distant+10, distant-10, width-((distant+10)*2), height-((distant-10)*2));

  rect (distant, (height/2)-15, distant-10, distant+10);

  rect (width-(distant+10), (height/2)-15, distant-10, distant+10);

  rect (distant+10, (height/2)-60, (distant*3)-10, distant*6);

  rect (width-(distant*4), (height/2)-60, (distant*3)-10, distant*6);

  line (width/2, distant-10, width/2, height-(distant-10));

  ellipse (width/2, height/2, distant*3, distant*3);

  ellipse (width/2, height/2, 5, 5);

  arc (distant*4, height/2, distant*3, distant*3, (PI*3)/2, (PI*5)/2);

  ellipse (distant*4, height/2, 5, 5);

  arc (width-(distant*4), height/2, distant*3, distant*3, HALF_PI, (PI*3)/2);

  ellipse (width-(distant*4), height/2, 5, 5);

  strokeWeight (2);

  rect (distant+10, (height/2)-30, distant+10, distant*3);

  rect (width-(distant*3), (height/2)-30, distant+10, distant*3);

}

Spon & Fork In Function.

float instrumentY = 130;

void setup () {
  size (450, 500);
}
void draw () {
  background (255);
  instrument_hight (instrumentY);
  instrumentY = instrumentY -1;
  if (instrumentY <= height-400) {
  instrumentY = 200;
  }
}

void instrument_hight (float instrumentY) {
  float instrumentX = 100;
  background (255);
  fill (0, 0, 255);
  stroke (0, 0, 255);
  strokeWeight (30);

  ellipse (instrumentX, instrumentY, 80, 160);
  line (instrumentX, instrumentY, instrumentX, height-100);
  line (instrumentX*3, instrumentY-80, instrumentX*3, (instrumentY*2)-80); //fork
  line ((instrumentX*3)+40, instrumentY-80, (instrumentX*3)+40, height-100);
  line ((instrumentX*3)+80, instrumentY-80, (instrumentX*3)+80, (instrumentY*2)-80);
  line (instrumentX*3, (instrumentY*2)-80, (instrumentX*3)+80, (instrumentY*2)-80);
}

Star Wink In Function.

float starWidth = 130;
void setup () {
  size (260, 260);
}

void draw () {
  star_movement (starWidth);
  starWidth = starWidth + 1;

  if (starWidth >= width) {
    starWidth = 130;
  }
}

void star_movement (float starWidth) {
  background (255);
  strokeWeight (10);
  stroke (255, 0, 0);
  noFill ();
  triangle(0, starWidth+70, starWidth, 0, width, starWidth+70);
  triangle (0, starWidth-70, width, starWidth-70, starWidth, height);
}

ความคืบหน้าพิมพ์สัมผัส

สัปดาห์ที่ 1 

วันที่หนึ่ง :

วันที่สอง :

วันที่สาม :

วันที่สี่ :

Exercises From Programming Textbooks

Assume that two students take a java exam, and the result are assigned to two variables:

int mark1 = 44;
int mark2 = 51;

write a program which calculates and display the average mark as a float value. Check your answer with a calculator.

void setup () { 
 //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int mark1 = 44; 
//เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
int mark2 = 51;
float sum;
float average;

sum = mark1+mark2;  

average =sum/2; 
//เป็นสมการการหาค่าเฉลี่ย โดย (จำนวนที่1 + จำนวนที่2)/2
println ("Average = "+average); 
//เป็นคำสั่งที่ใช้ในการพิมพ์ผลลัพธ์ โดยที่ println ("ข้อความ"+ชื่อตัวแปร);

size (120, 50); 
//เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (102, 51, 0); 
//เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
text ("Average = "+average, 20, 30); 
//เป็นคำสั่งใช้แสดงผลลัพธ์ออกทาง Display โดยที่ text ("ข้อความ"+ตัวแปร);
}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Convert 37 Celsius to Fahrenheit

void setup () { 
//ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้

float Celsius = 37; 
//เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนทศนิยม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร

float Fahrenheit;

Fahrenheit = ((Celsius*9)/5)+32; 
//เป็นสูตรการเปลี่ยนฟาเรนไอต์ เป็นองศา

println ("Fahrenheit = "+Fahrenheit);
//เป็นคำสั่งที่ใช้ในการพิมพ์ผลลัพธ์ โดยที่ println ("ข้อความ"+ชื่อตัวแปร);

size (150, 50); 
//เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);

background (53, 204, 0); 
//เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);

text ("Fahrenheit = "+Fahrenheit, 20, 30); 
//เป็นคำสั่งใช้แสดงผลลัพธ์ออกทาง Display โดยที่ text ("ข้อความ"+ตัวแปร);

}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Convert 3 feet into meters

void setup () { 
//ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว

//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
float feet = 3; 
//เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนทศนิยม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
float meters;

meters = feet*0.3048; 
//เป็นสูตรการเปลี่ยนเมตรเป็นฟุตโดยคูณ 0.3048 เข้าไป
println ("Meters = "+meters); 
//เป็นคำสั่งที่ใช้ในการพิมพ์ผลลัพธ์ โดยที่ println ("ข้อความ"+ชื่อตัวแปร);

size (150, 50); 
//เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (153, 51, 102); 
//เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
text ("Meters = "+meters, 20, 30);
//เป็นคำสั่งใช้แสดงผลลัพธ์ออกทาง Display โดยที่ text ("ข้อความ"+ตัวแปร);
}

ที่มา : Java for Students Second Edition, DOUGLAS BELL AND MIKE PARR, ISBN 0-13010922-3

Football Field.

   

เราสามารถขยายขนาดของสนามฟุตบอลได้โดยการเปลี่ยนค่าตัวแปร distant ตามต้องการ

 
void setup () { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int distant = 20;  //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
size (500, 250); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (0, 255, 0); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
noFill();  //เป็นคำสั่งยกเลิกการใส่สีให้กับวัตถุ
stroke (255); //เป็นคำสั่งใส่สีสันให้กับเส้น
strokeWeight (3);  //เป็นคำสั่งใส่น้ำหนักให้กับเส้น
rect (distant+10, distant-10, width-((distant+10)*2), height-((distant-10)*2));  //เป็นคำสั่งวาดรูปสี่เหลี่ยมด้านเท่า โดยมีวิธีใช้ดังนี้ rect (จุดเริ่มแกน x, จุดเริ่มแกนy, ความกว้าง, ความยาว, ส่วนโค้ง );

rect (distant, (height/2)-15, distant-10, distant+10);
rect (width-(distant+10), (height/2)-15, distant-10, distant+10);

rect (distant+10, (height/2)-60, (distant*3)-10, distant*6);
rect (width-(distant*4), (height/2)-60, (distant*3)-10, distant*6);

line (width/2, distant-10, width/2, height-(distant-10));  //เป็นคำสั่งใช้ในการวาดเส้น โดยมีวิธีใช้ดังนี้ line(จุดเริ่มต้นแกนx, จุดเริ่มต้น แกนy, จุดสิ้นสุดแกนx, จุดสิ้นสุด แกนy);
ellipse (width/2, height/2, distant*3, distant*3);  //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
ellipse (width/2, height/2, 5, 5);

arc (distant*4, height/2, distant*3, distant*3, (PI*3)/2, (PI*5)/2);  //เป็นคำสั่งใช้ในการวาดวงกลมตามองศาของมุม โดยมีวิธีใช้ arc (จุด ศก. ตามแกนX, จุด ศก. ตามแกน Y, ความกว้าง, ความยาว, องศาเริ่มต้นม องศาสิ้นสุด);
ellipse (distant*4, height/2, 5, 5); 
arc (width-(distant*4), height/2, distant*3, distant*3, HALF_PI, (PI*3)/2);
ellipse (width-(distant*4), height/2, 5, 5);

strokeWeight (2);
rect (distant+10, (height/2)-30, distant+10, distant*3);
rect (width-(distant*3), (height/2)-30, distant+10, distant*3);

}

Spon& Fork

เราสามารถขยับระยะห่าง และความสูงของช้อนส้อมได้โดยการเปลี่ยนค่าตัวแปร instrumentX หรือ  instrumentY  ตามต้องการ

  
void setup () {  //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int instrumentX = 100;  //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
int instrumentY = 130;

size (450, 500);  //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (255);  //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
fill (0, 0, 255);  //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
stroke (0, 0, 255);  //เป็นคำสั่งใส่สีสันให้กับเส้น
strokeWeight (30);  //เป็นคำสั่งใส่น้ำหนักให้กับเส้น

//วาดช้อน
ellipse (instrumentX, instrumentY, 80, 160); //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
line (instrumentX, instrumentY, instrumentX, height-100);  //เป็นคำสั่งใช้ในการวาดเส้น โดยมีวิธีใช้ดังนี้ line(จุดเริ่มต้นแกนx, จุดเริ่มต้น แกนy, จุดสิ้นสุดแกนx, จุดสิ้นสุด แกนy);

//วาดส้อม
line (instrumentX*3, instrumentY-80, instrumentX*3, (instrumentY*2)-80); //fork
line ((instrumentX*3)+40, instrumentY-80, (instrumentX*3)+40, height-100);
line ((instrumentX*3)+80, instrumentY-80, (instrumentX*3)+80, (instrumentY*2)-80);
line (instrumentX*3, (instrumentY*2)-80, (instrumentX*3)+80, (instrumentY*2)-80);

}

Star Wink wink!!

เราสามารถขยับดาวได้โดยการเปลี่ยนค่าตัวแปร starWidth ตามต้องการ

void setup () { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int starWidth = 130; //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร

size (260, 260);  //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (255); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
strokeWeight (10);  //เป็นคำสั่งใส่น้ำหนักให้กับเส้น
stroke (255, 0, 0);  //เป็นคำสั่งใส่สีสันให้กับเส้น
noFill ();  //เป็นคำสั่งยกเลิกการใส่สีให้กับวัตถุ

//วาดรูปดาวโดยใช้สามเหลี่ยมสองอันซ้อนกัน
triangle(0, starWidth+70, starWidth, 0, width, starWidth+70);  //เป็นคำสั่งใช้ในการวาดสามเหลี่ยม โดยมีวิธีใช้ดังนี้ triangle(จุดที่1 แกนx, จุดที่ 1 แกน y, จุดที่2 แกนx, จุดที่ 2 แกน y, จุดที่3 แกนx, จุดที่ 3 แกน y);
triangle (0, starWidth-70, width, starWidth-70, starWidth, height);
}

My orange tree.

เราสามารถเปลี่นตำแหน่งของเครื่องหมายต่างๆได้โดยการเปลี่ยนค่าตัวแปร grow หรือ bass ตามต้องการ

void setup () {  //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
 //Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
  float grow = 200; //เป็นการประกาศ และกำหนด ตัวแปรเป็นทศนิยม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
  float bass = 500;

  size (500, 500); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
  background (255);  //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  noStroke(); //เป็นคำสั่งยกเลิกการใส่เส้นให้กับรูปวาด
  fill (204, 102, 0); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
//ภาพบำต้นของต้นไม้
  quad (170, bass, 330, bass, 300, grow, 200, grow); //เป็นคำสั่งวาดรุปสี่เหลี่ยมใดๆ โดยมีวิธีใช้ดังนี้ quad (จุดที่1 แกนx, จุดที่ 1 แกน y, จุดที่2 แกนx, จุดที่ 2 แกน y, จุดที่3 แกนx, จุดที่ 3 แกน y, จุดที่4 แกนx, จุดที่ 4 แกน y);
//ภาพใบของต้นไม้
  fill (153, 225, 0);
  ellipse (150, grow+50, 200, 200);  //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
  ellipse (350, grow+50, 200, 200);
  ellipse (250, grow, 300, 300);
//ภาพผลส้ม
  fill (255, 51, 0);
  ellipse (110, grow+30, 40, 40);
  ellipse (250, grow+70, 40, 40);
  ellipse (390, grow+30, 40, 40);
}

My favorite Subject is Maths.

เราสามารถเปลี่นตำแหน่งของเครื่องหมายต่างๆได้โดยการเปลี่ยนค่าตัวแปร operatorHigh  หรือ operatorWidth ตามต้องการ

void setup () {  //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
//Local variable //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int operatorHigh = 40; //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร
int operatorWidth = 80;

size (250, 250); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
background (255); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
noStroke (); //เป็นคำสั่งยกเลิกการใส่เส้นให้กับรูปวาด
fill (255, 0, 153); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
rect (operatorWidth, operatorHigh, 30, 80); //ภาพของเครื่องหมายบวก
rect (operatorWidth-25, operatorHigh+25, 80, 30); //เป็นคำสั่งวาดรูปสี่เหลี่ยมด้านเท่า โดยมีวิธีใช้ดังนี้ rect (จุดเริ่มแกน x, จุดเริ่มแกนy, ความกว้าง, ความยาว, ส่วนโค้ง );

fill (255, 255, 0);
rect (operatorWidth+80, operatorHigh+100, 70, 30); //ภาพของเครื่องหมายลบ

fill (51, 204, 255);
rect (operatorWidth-50, operatorHigh+130, 70, 20); //ภาพของเครื่องหมายหาร
ellipse (operatorWidth-15, operatorHigh+120, 20, 20);  //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
ellipse (operatorWidth-15, operatorHigh+160, 20, 20);

}

In my dream, I will fly like a could. :P

และก้อนเมฆสามารถขยับได้โดยเปลี่ยนค่าตัวแปร couldHight หรือ couldWidth

void setup (){ //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว

//Local variable  //การประกาสตัวแปรภายในฟังก์ชั่น ฟังก์ชั่นอื่นไม่สามารถเรียกใช้ได้
int couldHight = 120; //เป็นการประกาศ และกำหนด ตัวแปรเป็นชนิดจำนวนเต็ม โดยมีวิธีใช้ดังนี้ ชนิดของตัวแปร ชื่อของตัวแปร = ค่าที่จะใส่ให้กับตัวแปร

int couldWidth = 75;

size (250, 250); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);

background (255); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);

noStroke (); //เป็นคำสั่งยกเลิกการใส่เส้นให้กับรูปวาด

fill (51, 204, 255); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
//คำสั่งใช้วาดก้อนเมฆ

ellipse (couldWidth, couldHight, 100, 75);  //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);

ellipse (couldWidth+50, couldHight, 100, 75);

ellipse (couldWidth+100, couldHight, 100, 75);

ellipse (couldWidth+50, couldHight-30, 100, 75);

}

Draw a Tree

  void setup () { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
  size (500, 500); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
  background (255, 255, 0); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);

 //ภาพลำต้นของต้นไม้
  noStroke(); //เป็นคำสั่งยกเลิกการใส่เส้นให้กับรูปวาด
  fill (102, 51, 0); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  quad (170, 500, 330, 500, 300, 200, 200, 200);  //เป็นคำสั่งวาดรุปสี่เหลี่ยมใดๆ โดยมีวิธีใช้ดังนี้ quad (จุดที่1 แกนx, จุดที่ 1 แกน y, จุดที่2 แกนx, จุดที่ 2 แกน y, จุดที่3 แกนx, จุดที่ 3 แกน y, จุดที่4 แกนx, จุดที่ 4 แกน y);

 //ภาพใบของต้นไม้
  fill (0, 225, 0);
  ellipse (150, 250, 200, 200); //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
  ellipse (350, 250, 200, 200);
  ellipse (250, 200, 300, 300);

 //ภาพผลของต้นไม้
  fill (255, 0, 0);
  ellipse (110, 230, 40, 40);
  ellipse (250, 270, 40, 40);
  ellipse (390, 230, 40, 40);
}

My favourite subject is ASTRONOMY.

 void setup() { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
  size (500, 500); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
  background (0); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
//ภาพดาวเคราะห์สีฟ้า
  noStroke(); //เป็นคำสั่งยกเลิกการใส่เส้นให้กับรูปวาด
  fill (0, 51, 204);  //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  ellipse (250, 400, 400, 400); //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
//ภาพดาวฤกษ์สีแดง
  fill (255, 0, 0);
  ellipse (450, 0, 200, 200);
//ภาพดาวเคราะห์สีน้ำตาล
  fill (51, 0, 0);
  ellipse (50, 230, 80, 80);
//ภาพดาวเคราะห์สีเทา
  fill (102);
  ellipse (200, 150, 50, 50);
//ภาพดาวเคราะห์แคระสีขาว
  fill (255);
  ellipse (300, 100, 30, 30);
//ภาพวงแหวนสีเหลืองของดาวเคราะห์สีฟ้า
  noFill (); //เป็นคำสั่งยกเลิกการใส่สีให้กับวัตถุ
  stroke(255, 255, 0);
  strokeWeight (20);  //เป็นเพิ่มขนาดของเส้น
  ellipse (250, 400, 500, 100);
}

My dream is happy all the time.

 void setup () { //ฟัง์ชั่น void setup () {....} เป็นคำสั่งที่จะถูกโปรแกรมเรียกมาใช้ก่อนและเรียกใช้เพียงครั้งเดียว
  size (300, 300); //เป็นคำสั่งที่ใช้กำหนดขนาด ของ canvas โดยมีวิธีใช้ดังนี้ size = (ความกว้าง, ความสูง);
  background (255, 255, 0); //เป็นคำสั่งใส่สีให้กับ background โดย background (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  stroke (0); //เป็นคำสั่งใส่สีเส้นให้กับรูปวาด
  strokeWeight (3); //เป็นคำสั่งใส่ขนาดเส้นให้กับรูปวาด
//วาดผมคน 
fill (102, 51, 0); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  rect (0, 0, 300, 250, 100); //เป็นคำสั่งวาดรูปสี่เหลี่ยมด้านเท่า โดยมีวิธีใช้ดังนี้ rect (จุดเริ่มแกน x, จุดเริ่มแกนy, ความกว้าง, ความยาว, ส่วนโค้ง );
//วาดหน้าคน 
fill (255, 153, 51); //เป็นคำสั่งใส่สีให้กับวัตถุที่เราวาด โดยมีวิธีใช้ดังนี้ fill (ค่าของสีแดง, ค่าของสีเขียว, ค่าของสีน้ำเงิน);
  ellipse (150, 150, 250, 250); //เป็นคำสั่งใช้ในการวาดวงกลม หรือวงรี โดยมีวิธีใช้ดังนี้ ellipse (จุด ศก. แกนx, จุด ศก. แกนy, ความกว้าง, ความยาว);
//วาดดวงตา 
ellipse (100, 150, 30, 50);
  ellipse (200, 150, 30, 50);
//วาดนัยต์ตา
 fill(0);
  ellipse (100, 160, 20, 30);
  ellipse (200, 160, 20, 30);
//วาดผมหน้าม้า
 line (50, 120, 250, 120);//เป็นคำสั่งใช้ในการวาดเส้น โดยมีวิธีใช้ดังนี้ line(จุดเริ่มต้นแกนx, จุดเริ่มต้น แกนy, จุดสิ้นสุดแกนx, จุดสิ้นสุด แกนy);
//วาดปากคน
 fill(255, 51, 153);
  triangle (120, 210, 180, 210, 150, 230); //เป็นคำสั่งใช้ในการวาดสามเหลี่ยม โดยมีวิธีใช้ดังนี้ triangle(จุดที่1 แกนx, จุดที่ 1 แกน y, จุดที่2 แกนx, จุดที่ 2 แกน y, จุดที่3 แกนx, จุดที่ 3 แกน y);
}