手绘VS码绘

利用p5.js简单的画了一幅太阳落山图

代码如下

function setup() {  createCanvas(480, 120) }
function draw() {
    background(204);  
    // 绘制一个太阳
    fill(255,0,0)
    stroke(255, 255, 0)
    strokeWeight(6)
    ellipse(360, 110, 100, 100)
    // 开始绘制山的图形
    // 设置颜色为灰色
    fill(45,45,45)
    stroke(0, 0, 0)
    strokeWeight(1)
    beginShape()
    vertex(0,120)
    vertex(10, 40)
    vertex(40, 100)
    vertex(80, 20)
    vertex(110, 80)
    vertex(260, 50)
    vertex(360, 110)
    vertex(400, 10)
    vertex(480, 120)
    // 结束绘制图形
    endShape()
    
}

非常简单，因为是初学P5做的，所以没有特别复杂

手绘这幅图的样子如下：

相比码绘，手绘在细节处理上更为方便，效果也更好一些。