編程與手繪的對比——靜態篇
一：作品展示
（1）碼繪

（2）手繪

二：思路
（1）創作思路：最開始的構思是畫一個城堡，結構稍復雜的那種，因為周末剛好去了迪士尼，那里的魔幻城堡很好看，結構感很強，我試著畫了手稿的大致結構，但打開processing構思碼繪的時候，發現不太行得通，碼繪的直線每一個點都要精準知道坐標，且圓弧型的尖端也難以畫出，所以最后簡化到了現在的版本。
（1）編程思路
我是先畫出了手繪圖，根據手繪圖來進行碼繪。按照編程的思想來繪圖。
首先是將背景一分為二，分為兩個色塊，分別代表夜空和草地。然后開始云朵和月亮的構思，這兩個結構中都有曲線，所以圖中比較技術含量的就是那個月亮和云朵了，利用了貝塞爾曲線作圖，找錨點和始末位置要花一些功夫，最后的數據調整可以在后面完整的代碼中看到，最后定好的點做出的效果還不錯。城堡部分，屋頂是用triangle繪圖函數畫的，其余方型都是rect函數，由于最后草圖修改成各部分都是對稱的，定點的位置坐標直接可以計算。最后部分是上色了，我用的是RGB參數，從網上的RGB參數表中選取合適的顏色。最后這副畫的碼繪就完成啦，主要代碼如下：
size( 800,600);
background(19,19,70);
smooth( );
fill (255,255,0,240);
noStroke();
beginShape();
vertex(130, 60);

bezierVertex( 250, 70, 210, 200, 130, 200);
bezierVertex(150, 190 , 200,115,130, 60);
endShape();

fill(255);

beginShape();
vertex(50,180);

fill (250);
bezierVertex(50, 150 , 80, 120, 132, 150);
bezierVertex(150, 115 ,210, 135 , 200, 160);
bezierVertex(270, 175,230,235,170,220) ;
bezierVertex(170, 250 , 80,255,70,220);
bezierVertex(20, 240,25, 170, 50,180);
endShape();

stroke(0);
strokeWeight(2);

fill(105,167,146);
rect(0,400,800,400);

fill (255,192,203);
rect(300,300,60,150);
rect(534,300,60,150);
rect(417,270,60,100);//zhongjian

rect(360,370,174,80);//hengzhe

fill (219,112,147);
rect(360,350,13,20);
rect(383,350,13,20);
rect(406,350,13,20);
rect(429,350,13,20);
rect(452,350,13,20);
rect(475,350,13,20);
rect(498,350,13,20);
rect(521,350,13,20);

fill (255,182,193);
rect(322,315,16,25);//chuanghu
rect(556,315,16,25);
rect(439,295,16,25);

fill (198,226,255);
triangle(300,300, 360, 300, 330, 225);
triangle(417,270, 477, 270, 447, 195);
triangle(534,300, 594, 300, 564, 225);

fill (176,48,96);
ellipse(450, 410, 50, 50);
rect(425,410,50,40);

line(330,225,330,195);
line(447,195,447,165);
line(564,225,564,195);

rect(285,195,45,20);
rect(519,195,45,20);
rect(402,165,45,20);

fill(189,183,107);
ellipse(450, 460, 20, 10);
ellipse(465, 475, 30, 15);
ellipse(482, 493, 40, 14);
ellipse(504, 520, 36,15);
ellipse(510, 539, 36, 14);
ellipse(491, 560, 38, 15);
（3）手繪思路
由于是第一次嘗試碼繪，所以手繪圖形設計得比較簡單，沒有什么技術含量，就是簡單多邊形組成的城堡。小學生繪圖水平就不過多贅述。
三：技術
（1）編程
ellipse（）；畫圓
fill（）；填充顏色
rect（）；畫長方形
line（）；劃線
stroke();設置線的顏色
strokeWeight();設置線寬
bezierVertex（）；畫貝塞爾曲線
size（）；設置畫布大小
（2）繪圖
這個圖太簡單啦沒有技術.
四：創作體驗，偏好及總結
就編程繪畫來說，畫對稱的幾何圖形，和有多個重復圖形的時候比較方便，只需復制更改幾個坐標即可，而手繪不能保證直線是否夠直，圖案是否對稱，比較粗略，對精度要求很高的作品手繪難以完成。但在畫曲線方面，具有隨意感的曲線手繪更可控，比如云朵和月亮的弧度。在上色方面，編程繪圖更方便，一是可選擇的顏色更多，而是上色更簡潔，只需敲一行代碼，手繪要涂上好半天，還涂不均勻。就這次體驗而言，對具有多個重復幾何圖案，上色復雜，對顏色要求高的，我會偏好編程繪圖，運用RGB數據。結構錯亂無規律，多重運用曲線的，我會偏好手繪。我覺得碼繪和手繪最大的區別就是創作的靈活度吧，碼繪太規矩了，都是由繪圖函數和各種參數組成，很多時候我們的靈感，創作思想很難用碼繪表達出來，但是手繪的靈活程度和可操作性，往往更適合設計以及表達這方面。可能是個人在碼繪上的造詣還不深，掌握的技術也不全面，所以認為碼繪不夠靈活，希望在以后更深入的學習中有新的體驗。

總結

以上是生活随笔為你收集整理的编程与手绘的对比——静态篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。