วันพุธที่ 3 กรกฎาคม พ.ศ. 2556

My Love/Passion

Lotus

สำหรับภาพนี้เป็นรูปดอกบัวที่ผมชอบ ในการวาดรูปนั้น ผมเริ่มจากใช้คำสั่ง void setup ใช้คำสั่ง size() และ background ในการกำหนดพื้นที่ และสีของ background ต่อมาจึงกำหนดตัวแปรให้แทนค่าตัวเลขที่ต้องการ หลังจากนั้นผมจึงใช้คำสั่ง void draw ในการวาดรูปดอกบัว โดยวาดกระถาง ใบไม้ กลีบ เกสรตัวผู้ และเกสรตัวเมีย ตามลำดับ โดยต้องแยกไว้ด้วยว่า ส่วนไหนวาดอะไร เพื่อให้สังเกตได้ง่ายขึ้น ในการแทนค่าตัวเลขด้วยตัวแปรนั้น บางจุด ผมเอาตัวแปรบวกกับตัวเลขเพื่อให้มีค่าตามที่ต้องการ ส่วนการตกแต่งภาพนั้น ผมยังคงใช้คำสั่ง fill() ที่มีเครื่องหมาย # ในวงเล็บตามด้วยตัวเลขที่กำหนดเป็นสีที่ต้องการจาก Color Selector ภาพนี้เป็นเพียงภาพนิ่ง ดังนั้นการทำไม่ยากเท่าไร เชิญทุกคนมาลองทำกันได้

Processing Code

 void setup() {
  size(200, 200); //กำหนดขนาดตามแนวแกน X และแกน Y
  background(178, 126, 22); //กำหนดให้มีสีโดยใช้แม่สีผสมกัน
}
int m = 20;
int n = 40;
int p = 60;
int s = 80;
int w = 100;
int u = 200; //อาจต้องบวกตัวเลขกับตัวแปรเพื่อให้มีค่าตามที่ต้องการ หรือลบกันก็ได้
void draw() {
  //draw the flowerpot
  fill(#2B670E); //ใช้คำสั่งนี้เติมสีที่ต้องการ โดยใส่ # กับตัวเลขและตัวอักษร 
หรือใช้แม่สีผสมกัน
  ellipse(w, w, u, u); 
  fill(#50A6FF);
  ellipse(w, w, w+80, w+80); //ellipse(X, Y, width, height)                          
                       
 
  //draw the receptacle                                                                                             
  fill(#279307); 

  ellipse(w, w, w+20, w+20);  
  //ในวงกลม จุดที่หนึ่งและสองคือตำแหน่งตามแกน X1 และ Y1 ส่วนจุดที่สามและสี่คือความกว้างและความสูง
                                                                                                                                                          
  //draw leaves
  fill(#6FDE26);
  ellipse(s, s, n, n);
  ellipse(w+20, s, n, n);
  ellipse(s, w+20, n, n);
  ellipse(w+20, w+20, n, n);
  line(w+34, w+34, s+10, s+10); //line(X1, Y1, X2, Y2)
  line(w, w, p+6, p+6);
  line(p+5, w+35, w+35, p+5); 

  //ในเส้น จุดที่หนี่งและสองคือตำแหน่งตามแกน X1 และ Y1 ส่วนจุดที่สามและสี่คือตำแหน่งตามแกน X2 และ Y2

  //draw petals
  fill(#FF58F7);
  ellipse(p+5, w, p, m+10);
  ellipse(w+35, w, p, m+10);
  ellipse(w, p+5, m+10, p);
  ellipse(w, w+30, m+10, p);


  //draw the stamen
  fill(#FFF700);
  ellipse(w, w, n, n);


  //draw the pistil
  fill(#FFFFF7);
  ellipse(w, w, m, m);
}

Canvas


ไม่มีความคิดเห็น:

แสดงความคิดเห็น