除了简单的基本形状,还可以通过连接顶点的方式创建一些更有意思的形状。
例2-10 星形
beginShape函数表示开始创建自定义图形,vertex(x,y)函数定义这个形状中每个顶点的坐标,最后写入endShape函数表示形状已经完成(效果图如图2.9所示)。
图2.9 例2-10效果图
例2-11 闭合形状
例2-10的第一个顶点和最后一个顶点并没有连接上,可以在endShape函数括号中加入参数CLOSE实现闭合描边(效果图如图2.10所示)。
图2.10 例2-11效果图
例2-12 画两只小动物
通过beginShape、vertex和endShape函数可以定制比较复杂的形状。本例是一个稍微复杂的示例。p5.js不仅可以绘制一些基本形状,而且可以满足人们的想象力,绘制出非常有趣且复杂的图案(效果图如图2.11所示)。
图2.11 例2-12效果图
例2-13 文字绘画
使用textFont函数可以设置绘制文字的字体,使用textSize函数可以设置绘制文字的字号,最后使用text函数将文字呈现在画布上(效果图如图2.12所示)。
图2.12 例2-13效果图