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

redraw()函數用於一次執行draw()函數中的代碼。此函數僅在必要時用於更新顯示窗口。在draw()函數內部調用redraw()函數不起作用。 loop()和noLoop()函數用於啟用/禁用動畫。

用法:

redraw( n )

參數：該函數接受單個參數n，該參數用於設置n次重繪。該函數的默認值為1。

下麵的示例說明了p5.js中的redraw()函數：

例：

let l = 0; 
  
function setup() { 
    
  // Create canvas of given size 
  createCanvas(500, 300); 
    
  // Set the background color 
  background('green'); 
  
} 
  
function draw() { 
    
  // Set the stroke color 
  stroke('black'); 
    
  // Function to draw the line 
  line(l, 0, l, height); 
    
} 
  
function mousePressed() { 
  l += 1; 
  redraw(); 
}

輸出：

相關用法

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