p5.js | curveDetail()函数

curveDetail()函数用于设置曲线显示的分辨率。此函数在使用 WEBGL 渲染器时很有用，因为默认画布渲染器不使用此信息。

句法：

curveDetail( resolution )

参数：此函数接受保存分辨率值的单个参数分辨率。该参数的默认值为 20，而该参数的最小值为 3。

下面的示例说明了 p5.js 中的 curveDetail()函数：

例子：

function setup() { 
    
    // Create canvas of given size
    createCanvas(500, 300, WEBGL); 
    
    // Set the background of canvas
    background('green');
    
    // Use curveDetail() function
    curveDetail(5)
} 
  
function draw() { 
      
    // Fill the color
    fill('blue');
    
    // Draw the curve
    curve(50, 200, 400, -250, 40, 0, 30, 30, 100, -50, 600, 50);
} 

输出：

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/