画布是怎么建立起来的?画布上的图形又为什么能够呈现出来?这一切都要归功于函数。函数是p5.js的基础组成部分,函数的具体表现是由它的参数决定的。每个p5.js程序都会写入createCanvas函数,用来创建具有特定高度及宽度的画布。关于函数的更多知识,将在本书后面的章节详细介绍。
例2-1 创建一个画布
createCanvas(width,height)函数有两个参数,第一个参数width用于设置画布的宽度,第二个参数height用于设置画布的高度。本例创建了宽为640像素、高为480像素的画布。background函数用于设置画布的背景颜色。