HW01

原圖

繪圖軟體

PROCESSING

心得 

多媒體互動課程中學到的軟體
PROCESSING其實蠻讓自己驚訝的老實說自己常常使用PHOTOIMPACT 或是PS等繪圖工具但這是第一次用CODE打出來的繪圖方式
挑選的圖其實讓自己苦惱許久
因為其實有點複雜
後來只挑三圖中其中的一個進行繪製動作
中間老師希望我們用小畫家模擬的部分
我希望自己可以繪精緻一點 因此使用PHOTOIMPACT進行繪製
補PO上繪製過程的物件部分
我其實蠻怕大家覺得與原圖太像  以為我只是複製貼上
其實我花了蠻多時間想達到我的要求

另外在使用PROCESSING 中 其中裡面遇到的困難
在看了好幾遍PDF裡面的教學
才得以解決  也因此多學到了貝茲曲線的用法
算是受惠良多

底下PO上 CODE：(不過由於做的很久  所以如果有需要用到我的CODE 也希望能有被告知)

size(349,683);
background(255);

//gray
fill(169);
noStroke();
rect(21, 14, 278, 615);

//black
fill(0);
noStroke();
rect(130, 529, 169, 100);

// BLACK LINE
fill(255);
noStroke();
rect(146, 529, 7, 100);
fill(255);
noStroke();
rect(165, 529, 7, 100);
fill(255);
noStroke();
rect(185, 529, 7, 100);
fill(255);
noStroke();
rect(205, 529, 7, 100);
fill(255);
noStroke();
rect(225, 529, 7, 100);
fill(255);
noStroke();
rect(245, 529, 7, 100);
fill(255);
noStroke();
rect(265, 529, 7, 100);
fill(255);
noStroke();
rect(285, 529, 10, 100);
//
//red
fill(218,37,28);
noStroke();
rect(43, 61, 234, 522);

fill(0);
noStroke();
rect(43, 61, 98, 120);

fill(255);
noStroke();
rect(43, 61, 76, 95);

fill(255);
noStroke();
rect(99, 437, 121, 146);

fill(169);
noStroke();
rect(145, 498, 73, 80);

fill(0);
noStroke();
rect(160, 511, 59, 72);

//

fill(0);
noStroke();
ellipse(294, 276, 280, 280);

fill(255);
noStroke();
ellipse(294, 276, 217, 217);

fill(169);
noStroke();
ellipse(294, 276, 183, 183);

//whiteLine
stroke(255);
strokeWeight(30);
noFill();
ellipse(-241, 747, 1500, 1500);


//

fill(169);
noStroke();
ellipse(44, 593, 195, 195);

fill(255);
noStroke();
ellipse(44, 593, 155, 155);

fill(0);
noStroke();
ellipse(44, 593, 132, 132);

//
fill(169);
noStroke();
ellipse(97, 82, 96, 96);

fill(218,37,28);
noStroke();
//ellipse(97, 82, 96, 96);
bezier(54, 60, 63,27, 130, 27, 139, 60);

fill(250);
noStroke();
ellipse(97, 82, 74, 74);

fill(0);
noStroke();
ellipse(97, 82, 64, 64);