Skip to content
Related Articles

Related Articles

p5.js | curveDetail() Function
  • Last Updated : 17 Jan, 2020

The curveDetail() function is used to set the resolution at which the curve will display. This function is useful when using the WEBGL renderer as the default canvas renderer does not use this information.

Syntax:

curveDetail( resolution )

Parameters: This function accepts single parameter resolution which holds the value of resolution. The default value of this parameter is 20 while the minimum value of this parameter is 3.

Below example illustrates the curveDetail() function in p5.js:

Example:






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);

Output:

Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :