Pucca.

size(200,200);

fill(0);
//Legs
rect(78,150,19,35);
ellipse(88,187,18,15);
rect(102,150,19,35);

ellipse(112,187,18,15);

//Arms
fill(225,225,170);
ellipse(138,153,20,20);
ellipse(63,153,20,20);

//Shirt
fill(200,0,0);
triangle(150,150,110,80,110,155)
triangle(50,150,90,90,90,155)
rect(70,120,58,38);

//Head
fill(0);
ellipse(45,47,40,40);
ellipse(155,47,40,40);

fill(200,0,0);
ellipse(60,60,40,40);
ellipse(140,60,40,40);

fill(0);
ellipse(100,80,120,100);

//Face
fill(225,225,170);
ellipse(100,90,100,80);
line(60, 65,80 ,65);
line(120, 65,140 ,65);
line(60,80,88,87);
line(105,87,134,80);

//Mouth
rect(73,100,50,15);
line(83,115,83,100);
line(98,115,98,100);
line(113,115,113,100);

LOVE/PASSION

Sticker Line.

size(200,200); //size(กำหนดค่าตามแกนx,กำหนดค่าตามแกนy) คือ คำสั่งเพื่อใช้กำหนดขนาด Canvas 

//int คือ การประกาศตัวแปรเป็นค่าจำนวนเต็ม โดยค่าข้างขวาจะกำหนดตัวแปรข้างซ้าย

   int a = 100;

   int b = 80;

   int c = 20;

   

//fill คือ การใส่สี กำหนดค่าได้ดังนี้ (แดง,เขียว,น้ำเงิน) โดยมีค่าสิ้นสุดที่ 255

   fill(120,50,10); //brown color

   //Draw Left ear

   ellipse(50,45,50,50);

   fill(100,5,0); //sable color

   ellipse(50,45,25,25); //ellipse คือ คำสั่งที่ใช้วาดวงรี กำหนดค่าได้ดังนี้ (ตำแหน่งแนวแกนxเลื่อนซ้ายขวา,ตำแหน่งแนวแกนy,รัศมีแนวแกนx,รัศมีแนวแกนy)

   fill(120,50,10); //brown color

   //Draw Right ear

   ellipse(143,45,50,50);

   fill(100,5,0); //sable color

   ellipse(143,45,25,25);

   fill(120,50,10); //brown color

   //Draw Face

   ellipse(a,110,175,155); //รับค่าa มาจากการที่ประกาศตัวแปรข้างต้น a=100

   

   fill(0); //black color

   //Draw Left eye

   ellipse(80,b+20,15,15); //รับค่าb มาจากการที่ประกาศตัวแปรข้างต้น b=80

   //Draw Right eye

   ellipse(115,100,c-5,c-5); //รับค่าc มาจากการที่ประกาศตัวแปรข้างต้น c=20

   //Draw Nose

   fill(225,225,225); //white color

   ellipse(a-2,b+60,58,b-10);

   fill(0); //black color

   triangle(85,120,100,133,110,120); //triangle คือ คำสั่งที่ใช้วาดสามเหลี่ยม

   

   //Draw Mouth

   line(98, 120, 98, 150);

   line(a-2, b+68, a+15, b*2); //รับค่าa และ b มาจากการที่ประกาศตัวแปรข้างต้น a=100,b=80 โดย " * " เป็นเครื่องหมายคูณ จากตัวอย่าง b*2 = 160

   line(a, 147, b, 168); //line(x,y,x1,y1) คือ คำสั่งที่ใช้วาดเส้น

  

Thai cultural heritage

Floating lantern.



void setup(){ //เป็นฟังก์ชันแรกที่ถูกกำหนดไว้แล้วให้ถูกเรียกใช้งานเมื่อโปรแกรมเริ่มทำงาน ภายในมีคำสั่งต่างๆโดยเราสามารถใส่เข้าไปเองได้ใน { } จะถูกเรียกใช้โดยอัตโนมัติและเพียงครั้งเดียว
  size(100,100); //size(กำหนดค่าตามแกนx,กำหนดค่าตามแกนy) คือ คำสั่งเพื่อใช้กำหนดขนาด Canvas 
}

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

//Mountains
//fill คือ การใส่สี กำหนดค่าได้ดังนี้ (แดง,เขียว,น้ำเงิน) โดยมีค่าสิ้นสุดที่ 255
fill(0,200,0); //green color
ellipse(0,80,100,70); //ellipse คือ คำสั่งที่ใช้วาดวงรี กำหนดค่าได้ดังนี้ (ตำแหน่งแนวแกนxเลื่อนซ้ายขวา,ตำแหน่งแนวแกนy,รัศมีแนวแกนx,รัศมีแนวแกนy)
ellipse(100,80,110,70);

//Ground
fill(150,50,10); //brown color
rect(-10,80,120,80); //rect คือ คำสั่งที่ใช้วาดสี่เหลี่ยม

drawLantern(count);
count=count-0.2
if(count<-40){ //if( ){ }เป็นการกำหนดเงื่อนไข โดยกำหนดเงื่อนไขไว้ใน ( ) ถ้าเงื่อนไขเป็นจริง ให้ทำตามคำสั่งใน { }
count=50;
}
}

void drawLantern(int y){ //เป็นฟังก์ชันที่เราสร้างขึ้นเองโดยรับค่าจาก y โดยตัวแปร y จะถูกรับค่ามา เช่น rect(35, y, 25, 30);
fill(225,225,225); //white color
rect(35, y, 25, 30);
ellipse(48,y+29,25,13);
fill(200,0,0); //red color
ellipse(48,y+29,15,7);

}

The Sun can be moved with mouse.

void setup() {
size(100,100);
}

void draw() {
background(204);

background(51);

//House
fill(160,45,70);
rect(34,55,30,30);
rect(40,60,18,30);
triangle(34, 55, 50, 35, 65, 55);

//Cloud
fill(0,100,220);
ellipse(80,3,40,10);
ellipse(80,14,25,10);
ellipse(70,20,25,13);

//Bush
fill(100,200,50);
ellipse(80,75,12,12);
ellipse(90,77,17,17);

//Tree
fill(100,200,50);
line(20,55,40,150);
line(14,55,27,150);
ellipse(20,50,22,20);
ellipse(14,48,20,25);
ellipse(15,55,20,20);

//Slope
ellipse(50,150,150,150);

//Sun
fill(225,0,0)
ellipse(mouseX,mouseY,30,30);
noFill();
}

House.

//House
rect(34,55,30,30);
rect(40,60,18,30);
triangle(34, 55, 50, 35, 65, 55);

//Cloud
ellipse(80,3,40,10);
ellipse(80,14,25,10);
ellipse(70,20,25,13);

//Bush
ellipse(80,75,12,12);
ellipse(90,77,17,17);

//Tree
line(20,55,40,150);
line(14,55,27,150);
ellipse(20,50,22,20);
ellipse(14,48,20,25);
ellipse(15,55,20,20);

//Slope
ellipse(50,150,150,150);

A Pig.

    background(51);
   fill(160,45,70);


   //Face
   ellipse(50,50,95,80);

   //Left ear
   line(10,9,25,16);
   line(9,30,10,10);

   //Right ear
   line(90,28,85,7);
   line(69,14,85,6);

   //Left eye
   ellipse(30,35,15,15);
   ellipse(30,35,10,10);
   ellipse(30,35,5,5);

   //Right eye
   ellipse(65,35,15,15);
   ellipse(65,35,10,10);
   ellipse(65,35,5,5);

   //Nose
   ellipse(50,60,40,20);
   ellipse(40,60,10,10);
   ellipse(60,60,10,10);

   //Mouth
   line(35,75,65,75);
   line(45,85,65,76);
   line(34,75,50,85);

Looks puzzled (?)

   ellipse(50,50,85,85);

   ellipse(30,35,10,40);
   ellipse(70,35,10,40);

   ellipse(30,35,5,20);
   ellipse(70,35,5,20);

   ellipse(55,60,10,10);
   ellipse(40,60,10,10);

   ellipse(55,60,5,5);
   ellipse(40,60,5,5);

   line(30,80,70,70);

Processing.js

come play with me :D

http://processingjs.org/tools/processing-helper.html

thank you
http://www.ee.kmutnb.ac.th/
and
http://comprofun.blogspot.com/