วันเสาร์ที่ 29 มิถุนายน พ.ศ. 2556
-Paint it for word-
void setup(){ //เป็นฟังก์ชันที่โปรแกรมจะเรียกใช้อัตโนมัติเป็นอันดับแรก
size(500,500);
background(255);
}
void draw(){ //เป็นฟังก์ชันที่โปรแกรมจะเรียกใช้อัตโนมัติเป็นอันดับสอง
และจะเรียกใช้ซ้ำๆเรื่อยๆ เป็นพื้นฐานของการวาดanimation
drawLucky(); //เป็นการเรียกใช้ฟังก์ชัน drawLucky();
fill(random(255),random(255),random(255)); //เป็นการใส่สีแบบซุ่ม โดยใช้คำสั่ง
random(ค่าของสี)เข้าไปในช่องสีต่างๆ
ของคำสั่ง fill(แดง,เขียว,น้ำเงิน);
ellipse(mouseX,mouseY,40,40); //เป็นการวาดลงกลมให้ขยับไปตามเม้า โดยใช่คำสัง
mouseX,mouseY ให้อยู่ในตัวแหน่งแนวแกนX,แนวแกนY
ของวงกลมตามลำดับ
}
void drawLucky(){ //เป็นการสร้างฟังก์ชันขึ้นมาเอง โดยใส่คำสั่งที่ต้องการเข้าไปใน { }
noStroke(); //noStroke(); คือคำสั่งที่ทำให้สิ่งที่เราจะวาดไม่มีเส้นขอบ
fill(255);
rect(40,150,20,200);// draw L
rect(40,350,60,20);
rect(110,250,20,100);//draw U
rect(110,350,70,20);
rect(160,250,20,100);
rect(190,250,70,20);//draw C
rect(190,250,20,100);
rect(190,350,70,20);
rect(270,150,20,220);//draw K
quad(270,300,340,250,350,260,280,310);
quad(280,290,350,370,330,370,270,300);
rect(360,250,20,100);//draw Y
rect(360,350,70,20);
rect(410,250,20,190);
rect(385,420,35,20);
}
//quad(x1 ,y1 ,x2 ,y2 ,x3 ,y3 ,x4 ,y4 ); //เป็นคำสั่งวาด4เหลี่ยมโดยเราสามารถ
กำหนดตำแหน่งได้ทุกมุมเพื่อรูปทรงที่แตกต่าง
//อ้างอิงคำสั่งพื้นฐานต่างๆจาก lab1 http://com5630043.blogspot.com/search/label/lab1
-Day or Night by mouse movement Up-down-
size(200,200);
void draw()
{
//home
background(mouseY+50);
//cloud
ellipse(160,20,60,20);
ellipse(140,30,40,10);
//sun
fill(225,0,0);
ellipse(mouseX,mouseY-160,40,40);
noFill();
//moon
fill(250,200,0);
ellipse(mouseX,mouseY,40,40);
noFill();
//home
fill(225,225,225);
rect(60,100, 80, 80);
rect(90,120,20,40);
fill(205,50,10);
triangle(60, 100, 100, 60,144, 100);
noFill();
//land
fill(0,100,0);
ellipse(100,300,320,320);
noFill();
//tree
fill(30,0,0);
triangle(20,160,24,100,40,150);
fill(0,180,0);
ellipse(16,110,30,20);
ellipse(20,100,30,20);
ellipse(32,110,30,20);
}
-Flowers grow up by function second-
void setup(){
size(200,200);
}
void draw() {
background(255);
drawFlower();
}
void drawFlower(){
int s = second(); // Values from 0 - 59
fill(0,0,225);
ellipse(80,100,s+40,s+40);//Corolla
ellipse(100,80,s+40,s+40);//Corolla
ellipse(120,100,s+40,s+40);//Corolla
ellipse(100,120,s+40,s+40);//Corolla
fill(250,200,0);
ellipse(100,100,s+10,s+10);
}
วันศุกร์ที่ 28 มิถุนายน พ.ศ. 2556
-Let's Fried egg-
void setup(){
size(200,200);
}
void draw(){
background(225);
triangle(170,0,190,0,190,200);
line(170,mouseY,190,mouseY);
if(50<mouseY<200){
drawEgg();
}
}
void drawEgg(){
fill(mouseY+160);
ellipse(90,100,140,140);
fill(205,50,10);
ellipse(90,100,50,50);
}
-one piece //Cross bones use fill random-
size(200,200);
void draw(){
//Cross bones
fill(random(255),random(255),random(255));
quad(30,20,170,180,150,180,30,40);
quad(170,20,170,40,50,180,30,180);
fill(225,225,225);
//head
ellipse(100,150,50,50);
ellipse(100,140,50,40);
ellipse(100,100,100,100);
rect(30,70,140,10);
fill(0)
ellipse(80,110,30,30);
ellipse(120,110,30,30);
ellipse(100,130,10,10);
}
วันพุธที่ 26 มิถุนายน พ.ศ. 2556
cilck to open/close iPhone
// iPhone
int value = 0;
size (200,200);
void draw(){
rect(60,30,80,140);
fill(value); //value=0,fill(0)=black
rect(64,60,72,80);
noFill();
ellipse(102,158,20,20);
rect(96,153,10,8);
ellipse(102,46,40,4);
}
void mousePressed() {
if(value == 0) { //Clike for change screen color
value = 255; //sent to fill(value)=fill(255)=white
} else {
value = 0;
}
}
วันอาทิตย์ที่ 23 มิถุนายน พ.ศ. 2556
-Phee Ta Khon-
void setup(){ //เป็นฟังก์ชันที่โปรแกรมจะเรียกใช้อัตโนมัติเป็นอันดับแรก
size(200,200);
}
float count=20; //เป็นการประกาศตัวแปลแบบ Global จะใช้ตัวแปรที่ประกาศได้
ทุกฟังก์ชัน
//float คือการประกาศตัวแปลเป็นค่าทศนิยม
void draw(){ //เป็นฟังก์ชันที่โปรแกรมจะเรียกใช้อัตโนมัติเป็นอันดับสอง
และจะเรียกใช้ซ้ำๆเรื่อยๆ เป็นพื้นฐานของการวาดanimation
background(40,200,150);
drawFace(); //เป็นการเรียกใช้ฟังก์ชัน drawFace();
drawEye(count); //เป็นการเรียกใช้ฟังก์ชัน drawEye(int z);
โดยส่งค่า count ไปให้ int z ในฟังก์ชัน
รับค่า count มาจากการที่เราประกาศตัวแปลไว้ข้างต้น
int count = 20
count=count-0.5; //เป็นการกำหนดให้ค่า count ลดลง 0.5 ทุกๆครั้งที่มีการ
เรียกใช้ฟังก์ชัน void draw( ){ }
if(count<0){ //if( ){ }เป็นการกำหนดเงื่อนไข โดยกำหนดเงื่อนไขไว้ใน ( )
ถ้าเงื่อนไขเป็นจริง ให้ทำตามคำสั่งใน { }
count=20;
}
}
void drawFace(){ //เป็นการสร้างฟังก์ชันขึ้นมาเอง จะตั้งชื่อว่าอะไรก็ได้
แต่ต้องมี void draw......(){ }อยู่เสมอ
โดยใส่คำสั่งที่ต้องการเข้าไปใน { }
fill(220,0,0);
triangle(30,10,100,80,170,10);
fill(0,100,220);
quad(40, 20, 160, 20, 142, 40, 59, 40); /////// hat
fill(225,225,225);
ellipse(100,120,90,140);///// face
fill(220,0,0);
quad(60, 140, 140, 140, 130, 160, 70, 160);//// mouth
fill(50,0,100);
ellipse(100,140,20,80);/////nose
}
void drawEye(int z){ //เป็นการสร้างฟังก์ชันขึ้นมาเอง เพื่อให้สะดวกในการเรียกใช้งาน
จะตั้งชื่อว่าอะไรก็ได้ แต่ต้องมี void draw....(){ }อยู่เสมอ
(int z)ที่เห็นคือการ กำหนดตัวแปลเพื่อให้สามารถ
ใส่ค่าเข้าไปเองได้ เช่น เรียกใช้ drawEye(count);
ค่าก็จะถูกส่งไปที่ตัวแปล z ในฟังค์ชัน drawEye( ){ }
ในที่นี้คำสั่งในฟังก์ชันนี้
คือ ellipse(80,y,x,z); จะได้เป็น ellipse(80,y,x,count);
int y=95; //เป็นการประกาศตัวแปลแบบ Local
จะใช้ตัวแปลที่ประกาศได้ในฟังก์ชันที่ประกาศเท่านั้น
int x=30;
fill(0);
ellipse(80,y,x,z); // รับค่า y ,x มาจากการที่เราประกาศตัวแปลไว้ข้างต้น
int y = 95 ,int x=30
ellipse(120,y,x,z);
}
//เพิ่มเติม เริ่มต้นค่า count=20 จะถูกส่งมาที่ฟังก์ชันvoid drawEye( ){ } แต่เนื่องจากเรากำหนดให้
ค่า count ลดลงทีละ 0.5 ในทุกๆครั้งที่มีการเรียกใช้ฟังก์ชัน void draw( ){ } จะเห็นเป็นภาพ
ผีตาโขนค่อยๆหลับตาลง แต่เราเขียนเงื่อนไขไว้ว่าถ้า count<o ค่า count =20
จึงทำให้เป็นภาพผีตาโขนลืมตา และทำแบบนี้ซ้ำๆไปเรื่อยๆจึงเกิดเป็นภาพ animation อย่างที่เห็น
//ถ้าประกาศ float count=20; อยู่ใน void draw( ){ } ทุกครั้งที่มีการเรียกใช้ฟังก์ชัน
void draw( ){ } count =20 เสมอจึงไม่เกิดเป็นถาพเคลื่อนไหว
void draw(){
float count=20;
background(40,200,150);
drawFace();
drawEye(count);
count=count-0.5;
if(count<0){
count=20;
}
}
//quad(x1 ,y1 ,x2 ,y2 ,x3 ,y3 ,x4 ,y4 ); เป็นคำสั่งวาด4เหลี่ยมโดยเราสามารถ
กำหนดตำแหน่งได้ทุกจุดเพื่อรูปทรงที่แตกต่าง
//อ้างอิงคำสั่งพื้นฐานต่างๆจาก lab1 http://com5630043.blogspot.com/search/label/lab1
วันศุกร์ที่ 21 มิถุนายน พ.ศ. 2556
- Meat ball????? ^^" -
int count =0;
void draw(){
background(255);
drawMeatball(count);
count=count+1;
if(count>100){
count =0 ;
}
}
void drawMeatball(int y){
ellipse(y,50,10,10);
line(y,60,y,80);
ellipse(y,60,10,10);
ellipse(y,40,10,10);
}
-Melody-
//int คือ การประกาศตัวแปรเป็นค่าจำนวนเต็ม โดยค่าข้างขวาเครื่องหมาย"=" กำหนดค่าให้ตัวแปรข้างซ้าย
int x=0; //x=start Line
int y=100; //y=end Line
int z=30; //z=level Line
//วาดบรรทัด5เส้น
line(x,z,y,z); //รับค่าx,z,y,r มาจากที่เราประกาศและกำหนดค่าตัวแปรข้างต้น
x=0,y=100,z=30
line(x,z+10,y,z+10);
line(x,z+20,y,z+20);
line(x,z+30,y,z+30);
line(x,z+40,y,z+40);
//draw note
fill(0); // fill(0)=black
ellipse(10,60,7,7);
line(10,60,10,80);
line(10,80,30,78);
line(30,78,30,40);
ellipse(30,40,7,7);
ellipse(50,40,7,7);
line(50,40,50,20);
line(50,20,70,24);
line(70,24,70,50);
ellipse(70,50,7,7);
line(70,24,90,28);
line(90,28,90,60);
ellipse(90,60,7,7);
//line(x,y,x1,y1)คือ คำสั่งที่ใช้ในการวาดเส้น
ellipse(a,b,f,g) คือคำสั่งที่ใช้วาดวงรี ถ้า f,g มีค่าเท่ากันจะได้วงกลม
-Clock-
//Clock
ellipse(50,50,80,80);
ellipse(50,50,5,5);
line(50,15,50,25);
line(50,75,50,85);
line(15,50,25,50);
line(75,50,85,50);
triangle(48,50,36,42,50,48);
triangle(50,48,60,20,53,50);
-iPhone-
// iPhone
rect(30,15,40,70);
fill(0);
rect(32,30,36,40);
noFill();
ellipse(51,78,10,10);
rect(48,75.5,5,4);
ellipse(51,23,20,2);
วันพุธที่ 19 มิถุนายน พ.ศ. 2556
-New home-
//home
background(0,80,150);
//cloud
ellipse(80,10,30,10);
ellipse(70,15,20,5);
//sun
fill(225,0,0);
ellipse(20,20,20,20);
noFill();
//home
fill(225,225,225);
rect(30, 50, 40, 40);
rect(45,60,10,20);
fill(205,50,10);
triangle(30, 50, 50, 30, 72, 50);
noFill();
//land
fill(0,100,0);
ellipse(50,150,160,160);
noFill();
//tree
fill(30,0,0);
triangle(10,80,12,50,20,75);
fill(0,180,0);
ellipse(8,55,15,10);
ellipse(10,50,15,10);
ellipse(16,55,15,10);
วันพฤหัสบดีที่ 6 มิถุนายน พ.ศ. 2556
little home
line(10,50,10,70);
ellipse(80,15,10,10);
line(10,50,40,50);
line(40,50,40,70);
line(10,70,40,70);
line(10,50,25,40);
line(25,40,40,50);
line(40,50,60,50);
line(60,50,60,70);
line(40,70,60,70);
line(25,40,55,40);
line(55,40,60,50);
line(55,35,55,40);
line(55,35,50,35);
line(50,35,50,40);
line(80,50,80,70);
line(81,50,81,70);
line(79,50,79,70);
line(82,50,82,70);
ellipse(80,50,5,5);
ellipse(80,48,5,5);
ellipse(80,52,5,5);
ellipse(80,54,5,5);
ellipse(80,45,5,5);
ellipse(80,42,5,5);
ellipse(78,50,5,5);
ellipse(78,52,5,5);
ellipse(78,48,5,5);
ellipse(78,45,5,5);
ellipse(78,43,5,5);
ellipse(75,50,5,5);
ellipse(75,45,5,5);
ellipse(75,40,5,5);
ellipse(72,50,5,5);
ellipse(72,45,5,5);
ellipse(74,44,5,5);
ellipse(85,50,5,5);
ellipse(85,55,5,5);
ellipse(85,45,5,5);
ellipse(85,43,5,5);
ellipse(90,50,5,5);
ellipse(90,53,5,5);
ellipse(90,45,5,5);
ellipse(90,42,5,5);
ellipse(85,40,5,5);
ellipse(80,40,5,5);
ellipse(50,10,30,5);
ellipse(30,20,30,5);
สมัครสมาชิก:
ความคิดเห็น (Atom)