p5.js noSmooth()用法及代碼示例

在 p5.js 中，所有圖像、字體、形狀等默認設置為 smooth()，除了 3D 模型，默認情況下 noSmooth() 處於活動狀態。我們知道 smooth() 函數平滑列出元素的邊。因此，相反 noSmooth() 函數限製元素邊的平滑。

邊的平滑需要一些時間。所以，如果你想更快地運行你的 p5.js 草圖並且你不太關心視覺效果。您可以使用 noSmooth() 函數。

用法:

noSmooth();

參數：noSmooth() 函數不接受任何參數。

範例1：

Javascript


function setup() {
  
    // Create canvas of 400X400 px
    createCanvas(400, 400);
}
  
function draw() {
  
    // Set background color to green
    background('green');
  
    // No border to shapes
    noStroke();
  
    smooth(); // by Default
    ellipse(0, 0, 500, 500);
  
    noSmooth();
    ellipse(400, 400, 500, 500);
}

輸出：頂部橢圓光滑，底部橢圓不光滑

範例2：

Javascript


function setup() {
  
    // Create canvas of 400X400 px
    createCanvas(400, 400);
}
  
function draw() {
  
    // Set background color to green
    background('green');
  
    // No border to shapes
    noStroke();
  
    push();
    smooth(); // by Default
    ellipse(100, width / 2, 100, 200);
    pop();
  
    push();
    noSmooth(); // apply noSmooth()
    fill(238, 80, 71); // red color
    ellipse(300, width / 2, 100, 200);
    pop();
}

輸出：

相關用法

注：本文由純淨天空篩選整理自pratikraut0000大神的英文原創作品 p5.js noSmooth() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。