碼繪與手繪對比

老師讓我們用手繪和碼繪兩種方式創(chuàng)作“運動”主題的作品，對比二者在表現“動態(tài)”方面的異同。本文將分別用手繪與碼繪的方式實現同一張圖，并闡述兩者的異同點在哪里。看到一張十分可愛的小火箭圖，但是它確實靜態(tài)的，那么如果它可以動起來那該多好呀，好了廢話不多說，直接放圖。
原圖

手繪

碼繪（gif如下）
加了個表情包QAQ

接下來基于上面兩幅圖，來談談手繪與碼繪的區(qū)別吧
部分代碼

function rocket(){ // 1 翅膀呀wingsstroke(255,0,0);fill(255,0,0);arc(x+9, y-30, 100, 100, PI,PI + QUARTER_PI);arc(x-9, y-30, 100, 100, PI + HALF_PI, TWO_PI);//2 火焰strokeWeight(3);stroke(255);line(x-15, y+5, x-15, y+30);line(x+15, y+5, x+15, y+30);line(x, y, x, y+20);// 3 畫火箭身體stroke(225);fill(255);ellipse(x,y-80,50,110);// 圓圈// 2 腦袋stroke(225,0,0);fill(255,0,0);triangle(x-22, y-110, x+22, y-110, x, y-150);//3 窗弦stroke(225,0,0);fill(255,0,0);ellipse(x,y-80,28,28);stroke(0,0,128);fill(0,0,128);ellipse(x,y-80,22,22);// 3 屁股quad(x-19,y-40,x+19,y-40,x+15,y-30,x-15,y-30);stroke(128,128,128);fill(128,128,128);quad(x-15,y-22,x+15,y-22,x+15,y-30,x-15,y-30);//4不知道的啥玩意stroke(0,0,128);fill(0,0,128);ellipse(x,y-35,8,50);x = x + random(-1, 1);// Moving up at a constant speedy = y - 5;// Reset to the bottomif (y < 0) {y = height;} }

創(chuàng)作工具與載體
手繪通常是通過畫筆來進行的，手繪的載體從傳統(tǒng)的層面上來說主要有畫紙、器皿、布料等等，后期衍生出了數位板板繪，在電腦上鼠繪等。
碼繪當然是用不同語言的代碼進行創(chuàng)作啦，它載體從字面上來說就是各種各樣的編程軟件的運行界面。

呈現效果與局限性
手繪的呈現效果大多為二維平面的狀態(tài)，當然我們一般會給它加上陰影，使它呈現出三維立體的感覺，也可以給它上色，使它更富有色彩感。但有一點我們通過手繪卻一直無法做到，那就是動態(tài)。
在碼繪中我們可以通過編程的方法使我們的畫動起來，使得畫面更具有趣味性，我們還可以實現畫面的交互性，這些都是手繪無法做到的。但碼繪也有它的缺陷，它不能做到自由的畫作，它是被局限在一行行代碼里的。如果你了解你的編程語言，那么你就一定做不出一個很好的碼繪作品了。

創(chuàng)作技法與體驗
如果我們采取手繪的方式的來進行創(chuàng)作的畫，這就對我們自身的繪畫水平有很高的要求。腦袋里迸發(fā)出來的靈感是這樣的，但實際筆頭畫出來就可能又是另外一個樣子了，這樣繪畫的失落感就會體現出來。
但是編程不一樣，使用一個具有強大的函數的繪畫軟件，我們調用自己想要的各種各樣的函數畫出各種各樣的圖形，它擺放的位置也是可以不斷調整以達到精確的，繪畫的本領的高低在這個時候就不會那么重要了，反而顯得重要的就是編程能力，滿足了大家的創(chuàng)作的欲望的同時又對編程水平提出了要求。

最后給大家推薦一個我喜歡的碼繪作品
https://www.openprocessing.org/sketch/178381

參考鏈接
（1）https://p5js.org/examples/hello-p5-animation.html（Animation）
（2）https://p5js.org/
（3）https://blog.csdn.net/magicbrushlv/article/details/77840565（1.1 開始第一幅“碼繪”——以編程作畫的基本方法）

總結

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

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