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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。