P5.js | 平滑()函数

简介

平滑()是p5.js中的一个函数，它主要用于平滑绘制图形时的曲线。该函数可以在任何图形上调用，如线条、曲线、多边形等。

该函数调用时，会对当前绘制图形的笔画进行平滑处理，从而让图形线条更加光滑。

语法

smooth();

参数

该函数没有传入参数。

返回值

该函数没有返回值。

示例

function setup() {
  createCanvas(400, 400);
  strokeWeight(4);
}

function draw() {
  // 未使用平滑()函数的线条
  line(50, 50, 150, 50);
  // 使用平滑()函数的线条
  smooth();
  line(50, 100, 150, 100);
}

使用场景

平滑()函数适用于需要让图形线条更加光滑的情况，例如曲线、多边形等。当然，在一些特殊场景下，该函数也可以用于其他类型的图形上。

注意事项

• 该函数只影响当前绘制的图形，如果需要让所有图形都应用平滑处理，需要在setup()函数中调用。
• 该函数只对当前的图形有效，在绘制下一个图形时需要重新调用。
• 因为该函数会增加计算量，使用它可能会降低程序帧率。

参考链接

• P5.js | 平滑()函数