手绘VS码绘【静态】

码绘

手绘

实现过程

p5.js编程 ，没有难度，没有什么技术含量，只用了elipse、line、vertex三种绘图函数，然后确定点的坐标进行绘图。代码简单，但是工作量大。

代码

// An highlighted block
function setup() {
   
  createCanvas(423, 538);
}

function draw() {
   
  background(92,172,238);
	fill(221,160,221,100);
	noStroke();
	ellipse(216,146,483,483);
	
	fill(99,184,255,200);
	noStroke();
	ellipse(216,146,403,403);
	
		fill(221,160,221,100);
	noStroke();
	ellipse(216,146,323,323);
	
	fill(99,184,255);
	noStroke();
	ellipse(216,146,243,243,50);

	fill(221,160,221,100);
	noStroke();
	ellipse(216,146,163,163);
	
	fill(99,184,255,100);
	noStroke();
	ellipse(216,146,83,83);
	
	fill(224,238,238,200);
	noStroke();
	ellipse(216,146,160,160);
	
	beginShape();
	noStroke();
	fill(0,0,0);
	vertex(0,462);
	vertex(7,470);
	vertex(109,492);
	vertex(138,489);
	vertex(169,502);
	vertex(180,495);
	vertex(191,474);
	vertex(200,438);
	vertex(206,416);
	vertex(206,410);
	vertex(210,408);
	vertex(200,392);
	vertex(203,378);
	vertex(195,