1. 程式人生 > >碼繪與手繪(一)

碼繪與手繪(一)

由於大學的課程要求,我將在本文討論程式設計與手繪的異同,並用案例來進行對比,下面簡單分享一下我的見解。

執行環境

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場景製作,電腦程式的優勢就會體現出來。