手繪圖：
碼繪圖：
比較技法：不考慮美觀的話手繪比較方便，可以怎麼想怎麼做，而碼繪卻比較複雜，需要轉換為**。
工具：手繪可以用筆，數字板等等，碼繪是**和程式設計工具
理念：手繪怎麼想怎麼畫，碼繪需要轉換思維，用數學的思想考慮
創作體驗：手繪更加友好輕鬆，畫了會馬上呈現效果，而碼繪卻只能面對**，需要執行才知道效果
呈現效果：對沒有手繪功底的人來說，碼繪呈現效果會更好，在動態圖形中，手繪很難表現，而碼繪卻可以表現出各種各樣的動態效果，碼繪的創作能力更高。
載體：手繪為紙，電腦螢幕；碼繪載體是電腦螢幕
應用：手繪可用於靜態繪畫，更容易表現精細細節，而碼繪更擅長動態幾何圖形的表現，可用於動畫，遊戲，**，**介面展示等等方面，適用範圍很廣。
碼繪實現
var l=500;
var w=500;
var d=100;
var px=l/2;
var py=w/2;
var px1=l/3;
var py1=w/3;
var vx=-3;
var vy=-10;
var vx1=-16;
var vy1=13;
// 函式setup() : 準備階段
function setup()
// 函式draw()：作畫階段
function draw()
} //兩個大太極圖案的碰撞
taiji(px,py,d);
taiji(px1,py1,d);
//pxy碰撞檢測
px+=vx;
py+=vy;
if(px>width-d/2||px<0+d/2)
if(py>height-d/2||py<0+d/2)
taiji(px1,py1,d);
//pxy1碰撞檢測
px1+=vx1;
py1+=vy1;
if(px1>width-d/2||px1<0+d/2)
if(py1>height-d/2||py1<0+d/2)
s=sqrt((px-px1)*(px-px1)+(py-py1)*(py-py1));
//pxy和pxy1碰撞檢測
if(s
}//畫太極的函式
function taiji(px,py,d)
手繪vs碼繪（動態）
懷疑自己是話嘮的我又來了，這次要介紹的是動態的圖案的對比，為了打消我這個自我懷疑，這次我們直接進入正題。首先依舊是手繪 對不起我真的控制不住自己想吐槽的心，這個動態效果到底怎麼畫啊。大概是我做的動態效果都太智障了。到最後還是選擇了用水的波紋表示這幾條魚在游動 雖然不知道能不能看出來 回到正題，這次主...
手繪VS碼繪
由於大學課程要求，讓我們每個人用p5.js畫一幅圖，並和自己手繪作品進行對比，這裡就簡單分享下個人經驗。function setup function draw 效果如下 簡單說明一下 fill 函式內的引數是填充顏色rgb256格式,用來給緊跟著的下面一行的函式圖形進行填充 ellipse x,y...
手繪vs碼繪
上兩幅圖分別是用碼繪和手繪的方式做出的。下面從思路 技術 創作體驗 創作偏好四個方面來比較兩者的異同點。相同 兩者在繪製之前都需要想好整體的比例問題，整體的構思，需要心中大致有乙個方向。不同 程式設計方面思路受技術限制，許多不規則圖形不能輕易的被畫出，在繪製前需要將許多不規則圖形轉換為規則圖形去繪製...