碼繪與手繪(一)
阿新 • • 發佈:2018-12-22
由於大學的課程要求,我將在本文討論程式設計與手繪的異同,並用案例來進行對比,下面簡單分享一下我的見解。
執行環境
JavaScript+p5.js
手繪一張哆啦A夢的臉
手繪如圖:
使用P5.js進行繪製
主要程式碼:
function setup() { var myCanvas=createCanvas(800,600); myCanvas.parent('myContainer'); } function draw() { strokeWeight(4) fill(30,144,255); ellipse(400,300,400,400);//頭 fill(255); ellipse(400,350,300,300);//臉 ellipse(366,220,65,100);//眼眶 ellipse(434,220,65,100); fill(0); ellipse(371,248,25,25);//眼睛 ellipse(429,248,25,25); fill(255,0,0); ellipse(400,267,30,30); line(400,282,400,388); line(430,295,490,280); line(430,315,500,312); line(430,335,487,340); line(370,295,310,280); line(370,315,300,312); line(370,335,313,340); noFill(); arc(400, 240, 300,300, QUARTER_PI, HALF_PI+QUARTER_PI); }
總結
總體思路上,都是從總體到區域性,先畫大致的輪廓,再逐步繪製細節。
創作體驗是程式設計繪圖是非常嚴謹的,需要精確的圖形座標,而座標錯了就要刪改,這是讓人感覺非常麻煩的事。同時,面對不同的圖形要思考繪製相應圖形的函式,不同顏色就要不同的RGB編碼,然後不同圖形的組合就形成了一副圖畫,同時還要考慮到圖形組合之間的重疊問題,這些都會影響圖形的繪製。
而手繪則是更要隨意一些,大都是憑藉感覺作畫,對繪圖的位置也不需要太精確的座標,整體上就很方便。
所以簡單的平面的圖形繪製還是手繪比較方便,而對於複雜的3D場景製作,電腦程式的優勢就會體現出來。
由於大學的課程要求,我將在本文討論程式設計與手繪的異同,並用案例來進行對比,下面簡單分享一下我的見解。
執行環境
JavaScript+p5.js
手繪一張哆啦A夢的臉
手繪如圖:
使用P5.js進行繪製
主要程式碼:
function setup() { var myCanvas=createCanvas(800,600); myCanvas.parent('myContainer'); } function draw() { strokeWeight(4) fill(30,144,255); ellipse(400,300,400,400);//頭 fill(255); ellipse(400,350,300,300);//臉 ellipse(366,220,65,100);//眼眶 ellipse(434,220,65,100); fill(0); ellipse(371,248,25,25);//眼睛 ellipse(429,248,25,25); fill(255,0,0); ellipse(400,267,30,30); line(400,282,400,388); line(430,295,490,280); line(430,315,500,312); line(430,335,487,340); line(370,295,310,280); line(370,315,300,312); line(370,335,313,340); noFill(); arc(400, 240, 300,300, QUARTER_PI, HALF_PI+QUARTER_PI); }
總結
總體思路上,都是從總體到區域性,先畫大致的輪廓,再逐步繪製細節。
創作體驗是程式設計繪圖是非常嚴謹的,需要精確的圖形座標,而座標錯了就要刪改,這是讓人感覺非常麻煩的事。同時,面對不同的圖形要思考繪製相應圖形的函式,不同顏色就要不同的RGB編碼,然後不同圖形的組合就形成了一副圖畫,同時還要考慮到圖形組合之間的重疊問題,這些都會影響圖形的繪製。
而手繪則是更要隨意一些,大都是憑藉感覺作畫,對繪圖的位置也不需要太精確的座標,整體上就很方便。
所以簡單的平面的圖形繪製還是手繪比較方便,而對於複雜的3D場景製作,電腦程式的優勢就會體現出來。