p5js動態互動式碼繪作業二小結

p5js碼繪小律老師作業二之動態碼繪＋互動功能

實驗截圖：

碼繪由程式動態完成

使用者可以用滑鼠互動的直接畫出帶點的線條

手繪**：

真的是碼繪五分鐘手繪兩小時還不止！！！！這局計算機完勝了！！！！

碼繪**：

var t;

function setup()

function draw() var x1 = width * noise(t + 15); var x2 = width *

noise(t + 25); var x3 = width * noise(t + 35); var x4 = width *

noise(t + 45); var y1 = height * noise(t + 55); var y2 = height *

noise(t + 65); var y3 = height * noise(t + 75); var y4 = height *

noise(t + 85);

bezier(x1, y1, x2, y2, x3, y3, x4, y4);

t += 0.005;

translate(width/2, height/2); beginshape(); for (var i = 0; i < 200; i++) endshape(close);

t += 1;

if (framecount % 600 == 0) }

兩**案+互動式直接在程式中進行的手繪

總體調性統一，出來的效果比較抽象有數字藝術感

手繪的話，我要說碼繪五分鐘，手繪兩小時！！！！

一旦遇到有規律性的數字美感的圖，計算機畫起來就要比手繪快很多

碼繪的時候考慮比較有邏輯性，思考的是整體用什麼樣的規律來完成，最後執行程式輸出的時候，會有一種看到結果的成就感。

手繪的時候每一筆每一划都是一種訴說，每一筆都經過當下的斟酌，手繪也可以沒有什麼邏輯性，只是代表了一種情緒，結果其實並不是那麼重要，作畫的過程就像是心靈瑜伽，每經過經歷一張畫紙，感悟好似也更深一層。

碼繪的技法調研：

1.《用**畫畫》：

0.1 用**畫畫——搞藝術的學程式設計有啥用？

1.1 開始第一幅「碼繪」——以程式設計作畫的基本方法

2 以程式設計的思想來理解繪畫—— （一）用」一筆畫「表現「過程美」

p5js動態作業臨摹

臨摹作品 先觀察正方形分布情況，可以得到奇數行是白黑，偶數行是黑白。再觀察其運動規律，先是白方塊放大 然後黑方塊放大，也可以看成白方塊放大縮小。隨著一定的週期進行變化 先根據剛才得到的規律畫好正方形，如下 for i 0 i 8 i else else else 接著分析其運動規律，應該是正弦或者余...

P5JS靜態碼繪作業一小結

p5js碼繪小律老師作業之靜態碼繪 碼繪版 手繪版 一 技術比對 很直觀的是，手繪時要想把圓畫的很圓，直線畫的很直是需要不斷訓練的，把影象畫的很精準是手繪的難點。而相反，精確的定位是碼繪的優勢。如何想要增加電腦繪製的影象的自然性就是碼繪的難點了。同時，由於手繪時直接由手作圖，想法可以直接付諸筆端在紙...