p5.js noLoop()用法及代码示例

noLoop()函数用于在执行draw()函数之后停止程序。 loop()函数一次又一次运行draw()函数。如果在setup()函数中使用了noLoop()函数，则它应该是块内的最后一行。如果使用了noLoop()函数，则无法在事件处理函数(例如mousePressed()或keyPressed())内部更改或访问屏幕。

用法:

noLoop()

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

示例1:

function setup() { 
    
  // Create canvas of given size 
  createCanvas(500, 300); 
    
  // Set the background color 
  background('green'); 
    
  // Use noLoop() function 
  noLoop(); 
} 
  
function draw() { 
    
  // Set the stroke color 
  stroke('white'); 
    
  // Set the stroke width 
  strokeWeight(4); 
    
  // Function to draw the line 
  line(50, 50, 450, 250); 
    
}

输出：

示例2:

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('white'); 
    
  l = l + 0.5; 
  if (l > width) { 
    l = 0; 
  } 
    
  // Function to draw the line 
  line(l, 0, l, height); 
    
} 
  
function mousePressed() { 
  noLoop(); 
} 
  
function mouseReleased() { 
  loop(); 
}

输出：

相关用法

注：本文由纯净天空筛选整理自jit_t大神的英文原创作品 p5.js | noLoop() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。