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

（2）手繪

二：思路
（1）創(chuàng)作思路：最開始的構(gòu)思是畫一個城堡，結(jié)構(gòu)稍復(fù)雜的那種，因?yàn)橹苣﹦偤萌チ说鲜磕?#xff0c;那里的魔幻城堡很好看，結(jié)構(gòu)感很強(qiáng)，我試著畫了手稿的大致結(jié)構(gòu)，但打開processing構(gòu)思碼繪的時候，發(fā)現(xiàn)不太行得通，碼繪的直線每一個點(diǎn)都要精準(zhǔn)知道坐標(biāo)，且圓弧型的尖端也難以畫出，所以最后簡化到了現(xiàn)在的版本。
（1）編程思路
我是先畫出了手繪圖，根據(jù)手繪圖來進(jìn)行碼繪。按照編程的思想來繪圖。
首先是將背景一分為二，分為兩個色塊，分別代表夜空和草地。然后開始云朵和月亮的構(gòu)思，這兩個結(jié)構(gòu)中都有曲線，所以圖中比較技術(shù)含量的就是那個月亮和云朵了，利用了貝塞爾曲線作圖，找錨點(diǎn)和始末位置要花一些功夫，最后的數(shù)據(jù)調(diào)整可以在后面完整的代碼中看到，最后定好的點(diǎn)做出的效果還不錯。城堡部分，屋頂是用triangle繪圖函數(shù)畫的，其余方型都是rect函數(shù)，由于最后草圖修改成各部分都是對稱的，定點(diǎn)的位置坐標(biāo)直接可以計(jì)算。最后部分是上色了，我用的是RGB參數(shù)，從網(wǎng)上的RGB參數(shù)表中選取合適的顏色。最后這副畫的碼繪就完成啦，主要代碼如下：
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）手繪思路
由于是第一次嘗試碼繪，所以手繪圖形設(shè)計(jì)得比較簡單，沒有什么技術(shù)含量，就是簡單多邊形組成的城堡。小學(xué)生繪圖水平就不過多贅述。
三：技術(shù)
（1）編程
ellipse（）；畫圓
fill（）；填充顏色
rect（）；畫長方形
line（）；劃線
stroke();設(shè)置線的顏色
strokeWeight();設(shè)置線寬
bezierVertex（）；畫貝塞爾曲線
size（）；設(shè)置畫布大小
（2）繪圖
這個圖太簡單啦沒有技術(shù).
四：創(chuàng)作體驗(yàn)，偏好及總結(jié)
就編程繪畫來說，畫對稱的幾何圖形，和有多個重復(fù)圖形的時候比較方便，只需復(fù)制更改幾個坐標(biāo)即可，而手繪不能保證直線是否夠直，圖案是否對稱，比較粗略，對精度要求很高的作品手繪難以完成。但在畫曲線方面，具有隨意感的曲線手繪更可控，比如云朵和月亮的弧度。在上色方面，編程繪圖更方便，一是可選擇的顏色更多，而是上色更簡潔，只需敲一行代碼，手繪要涂上好半天，還涂不均勻。就這次體驗(yàn)而言，對具有多個重復(fù)幾何圖案，上色復(fù)雜，對顏色要求高的，我會偏好編程繪圖，運(yùn)用RGB數(shù)據(jù)。結(jié)構(gòu)錯亂無規(guī)律，多重運(yùn)用曲線的，我會偏好手繪。我覺得碼繪和手繪最大的區(qū)別就是創(chuàng)作的靈活度吧，碼繪太規(guī)矩了，都是由繪圖函數(shù)和各種參數(shù)組成，很多時候我們的靈感，創(chuàng)作思想很難用碼繪表達(dá)出來，但是手繪的靈活程度和可操作性，往往更適合設(shè)計(jì)以及表達(dá)這方面。可能是個人在碼繪上的造詣還不深，掌握的技術(shù)也不全面，所以認(rèn)為碼繪不夠靈活，希望在以后更深入的學(xué)習(xí)中有新的體驗(yàn)。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。