p5.js | displayHeight 变量

在 p5.js 中，displayHeight 变量返回显示器的高度（以像素为单位）。

该变量通常用于计算画布大小，以使其与显示器大小相同。可以在 setup() 函数中使用该变量来设置画布的高度，以达到自适应的效果。例如：

function setup() {
  createCanvas(400, displayHeight);
}

在上面的例子中，我们将画布的宽度设置为 400 像素，而将其高度设置为显示器的高度，这样画布就会占据整个屏幕的高度，而不管它具体是多少。

需要注意的是，对于多个显示器的情况，displayHeight 变量只会返回主屏幕的高度。如果需要获取其他屏幕的高度，可以使用 displayDensity() 函数来获取每个屏幕的像素密度，然后将其与 displayHeight 相乘即可计算出每个屏幕的高度。

总之，displayHeight 变量是一个非常方便的工具，可以让你轻松创建自适应的画布，让你的作品在不同大小的屏幕上均展现出最佳效果。