Processing——码绘与手绘对比静态篇

实验原理

绘制圆弧组成花瓣，旋转组合形成樱花，利用递归函数实现花团。

实验代码

//花树实现代码
var a = 40;
var t;
var bg;function setup(){bg = loadImage("bg.bmp");createCanvas(500,438);noStroke();
}function draw(){background(bg);translate(windowWidth/9, windowHeight/5);scale(0.7);FLOWER(a);
}function FLOWER(x){t = 53.1301024 / 360 * 2 * PI;//渐变填充fill(248,59,59,map(x, 0, a, 40, 240));flower(x);if(x <= 3) return 0;push();rotate(PI / 2 -t);translate((3/2)*x,-3*x);FLOWER(x/5*4);pop();push();rotate( - t);translate((-3/2)*x,-3*x);FLOWER(x/5*3);pop();}function flower(x)
{for(var i = 0; i < 5 ; i++){arc(0, -40, x, 2*x,(-1/2)*PI, (1/2)*PI);arc(0, -40, x, 2*x,(1/2)*PI, (-1/2)*PI);rotate(PI * 2 / 5);}
}

以及没有任何技术含量的小黄人绘制代码：

function cuteGuy()
{//bodyfill(255,215,0,180);rect(139.5,119,120,132);arc(200,120,120,80,PI,0);fill(24,116,205,180);arc(200,250,120,80,0,PI);//glasses&eyesfill(255,255,255,200);line(140,140,158,140);line(140,145,158,145);ellipse(179,145,42,42);ellipse(221,145,42,42);line(242,140,258,140);line(242,145,258,145);fill(0,0,0);ellipse(179,145,20,20);ellipse(221,145,20,20);fill(255,255,255);ellipse(182,142,5,5);ellipse(224,142,5,5);//mouthline(180,190,220,190);fill(200,20,20);arc(200,190,40,24,0,PI);//clothesfill(24,116,205,180);rect(160,235,80,15);line(140,250,160,250);line(160,250,160,235);line(160,235,240,235);line(240,235,240,250);line(240,250,260,250);stroke(24,116,205,180);strokeWeight(10);line(160,236,141,200);line(240,236,256,200);//armsnoStroke();fill(255,220,0,180);ellipse(104,162,30,30);ellipse(298,162,30,30);stroke(255,220,0,180);strokeWeight(12);line(141,213,110,173);line(256,213,289,173);//footsstroke(255,220,0,180);strokeWeight(16);line(180,292,180,312);line(220,292,220,312);noStroke();fill(139,76,57,180);arc(168,321,46,42,PI,0);arc(234,321,46,42,PI,0);}

对比展示

码绘展示：

手绘展示：

感想总结

①思路对比：
使用processing编程作画时会首先考虑到运用哪些函数而非画面，作画因此会有所受限。作画途中会因技术问题不断修改画面组成元素，因此最终成果画面与预想画面相差较大。而手绘时受限不大，想画什么就画什么，最终成果画面与预想画面相差较小。
②技术对比：
编程绘画所绘画面非常严谨而完美，对于一些结构严谨的图形作画非常方便，手绘难以匹敌。而对于较为复杂且无明显逻辑规律的线条画面，手绘更易完成。
③创作体验：
对于较画面组成元素比较规整的图画，编程作画更加方便快捷且更严谨。
对于组成比较复杂的画面，还是手绘更加容易。现阶段手绘体验感略优。
④创作偏好：
更习惯将编程绘画用于对称性强、画面元素规整、重复元素多的画面。
手绘更倾向于图案复杂性较高且无规律的作画。

资料参考

背景图的导入：
https://p5js.org/zh-Hans/examples/
基本形状绘制：
https://blog.csdn.net/qq_27534999/article/details/75151515