HW01 Geometric painting

原圖



小畫家 Copy

Processing版

心得:

第一次使用Processing覺得非常的新鮮，感覺用Processing的語言是簡單的描敘，剛開始看了一下教學的資料就可以畫出簡單的幾何圖畫。
　　 我選的圖形是充滿了許多線條的一幅圖畫，我畫圖片中每一條顏色使用quad()是用來做出形狀較不規則的四角形，也用了triangle()去完成三角形的部分，但是以上這兩個都要一一的打出每個角的座標相當的費時間，在圖片的最下面是四條長方形，我選擇rect(x, y, width, height)來製作，只要給出第一點的座標，剩下的給長和高就好，只是我這個圖片必須一直重複很多地方，所以程式碼有點長，但是第一次做起來很有樂趣，也相當期待往後更深的應用。
　　

Code：

size(310,460);
background(255);
//____________________________________左上角(1)
fill(20,83,101);
stroke(20,83,101);
triangle (0, 0, 24, 0, 0, 52);

fill(255,139,2);
stroke(255,139,2);
quad(24, 0, 0, 51, 0, 116, 54, 0);

fill(213,48,42);
stroke(213,48,42);
quad(54, 0, 0, 116, 0, 181, 85, 0);

fill(0);
stroke(0);
quad(85, 0, 0, 181, 0, 241, 117, 0);

//____________________________________最下面
rect(0, 347, 310, 28);

fill(213,48,42);
stroke(213,48,42);
rect(0, 375, 310, 27);

fill(255,139,2);
stroke(255,139,2);
rect(0, 402, 310, 28);

fill(20,83,101);
stroke(20,83,101);
rect(0, 430, 310, 29);

//____________________________________中上

fill(15,95,184);
stroke (14,93,188);
quad(136, 0, 36 ,213, 66, 213 ,167, 0);

fill(235,197,44);
stroke(235,197,44);
quad(167, 0, 66, 213, 98, 213, 197,0 );

fill(213,48,42);
stroke(213,48,42);
quad(197, 0, 98, 213, 129, 213, 208, 44);

fill(0);
stroke(0);
quad(208, 44,129,213, 160, 213, 225, 72);

//_________________________________右上角(3)

fill(20,83,101);
stroke(20,83,101);
triangle (279, 0, 310, 0, 310, 46);

fill(255,139,2);
stroke(255,139,2);
quad(246, 0, 310, 100, 310, 46, 279,0 );

fill(213,48,42);
stroke(213,48,42);
quad(213, 0, 310, 151, 310, 100, 246, 0);

fill(0);
stroke(0);
quad(180, 0, 310,207, 310, 151, 213, 0);

//____________________________________左中

fill(15,95,184);
stroke (14,93,188);
quad(0, 299, 0 ,329, 229, 329 ,212, 299);

fill(235,197,44);
stroke(235,197,44);
quad(0, 271, 0, 299, 212, 299, 194,271 );

fill(213,48,42);
stroke(213,48,42);
quad(0, 242, 0, 271, 194, 271, 178, 242);

fill(0);
stroke(0);
quad(0, 213,0,242, 178, 242, 178, 213);

//____________________________________右中(3)

fill(15,95,184);
stroke (14,93,188);
quad(202, 123, 309 ,297, 310, 242 ,216, 93);

fill(235,197,44);
stroke(235,197,44);
quad(188, 154, 305, 346, 309, 297, 202,123 );
//補黃色三角形
triangle (305, 346, 310, 346, 309, 297);

fill(213,48,42);
stroke(213,48,42);
quad(174, 185, 272, 346, 305, 346, 188, 154);

fill(0);
stroke(0);
quad(149, 194,239,346, 272, 346, 174, 185);