碼繪VS手繪

主題

利用代碼繪制一幅圖片，同時與手繪的圖片進行對比分析。

創作理念

靈感來源于Apple的logo，整個圖形全部由規則的圓形構成。

效果圖
(圖片源自網絡）

碼繪步驟

工具

p5.js

第一步

繪制三個圓，寬度分別是100:20:100，三個圓必須在同一水平線上居中

第二步

繪制一個寬度160的圓，與上圖兩個大圓相切在底部；再繪制一個寬度為260的圓與剛才繪制的圓相切并居中，在以260的圓為中心做一個寬度為280的矩形

第三步

確定五條參考線，再以矩形的四分之一處為頂點，分別在繪制兩個寬度為160的圓

第四步

繪制寬度為60的圓，分別與中間上下兩個圓相切，然后再畫兩個圓，分別與左右兩側的三個圓相切，得到如下效果

第五步

繪制兩個圓分別與中間的三個圓相切，如下圖

第六步

繪制三個寬度為160的圓：（最終圖形）

到這里碼繪部分就已經實現了，仔細看就可以找到Apple的logo，但是要在這里聲明一下，真正的Apple logo并不是這樣設計出來的！！！！

代碼

function setup() {createCanvas(600,600); }function draw() {background(220);noFill();ellipse(300,305,260,260);ellipse(300,400,20,20);ellipse(240,400,100,100);ellipse(360,400,100,100);ellipse(300,515,160,160);rect(160,165,280,280);line(300,0,300,600);line(160,0,160,600);line(440,0,440,600);line(230,0,230,600);line(370,0,370,600);ellipse(230,230,160,160);ellipse(370,230,160,160);ellipse(183,336,70,70);ellipse(415,336,70,70);ellipse(300,86,160,160);ellipse(250,283,421,421);ellipse(350,283,421,421);ellipse(300,70,160,160);ellipse(380,150,160,160);line(0,150,600,150);ellipse(470,270,160,160); }

手繪

工具

圓規和直尺

效果圖

創作體驗

所繪制圖形的組成只有圓和線兩種基本圖形，但是在確定它們的位置關系的時候卻很復雜，尤其在計算兩個甚至三個圓相切的時候，還需要復雜的數學計算，碼繪的優點在于只要確定了圖形及其位置，就可以繪制的相當準確，但是而且對于想要加粗的線（手繪中加粗的線條），碼繪就讓我覺得我從下手，不知道該怎么完成；手繪的優點在于可以在任意位置畫自己想要的形狀，而碼繪只有固定的形狀，相對復雜形狀就要用到相對復雜的繪制方法，但是手繪很不精確，就拿我的手繪為例，雖然我用了圓規和尺子，圖案畫的還是有些不美觀。手繪碼繪各有優缺點，手繪有時候更是一種情操的陶冶，心靈的慰藉，讓人放松中帶有專注。

總結

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

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