当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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


loop()函数用于连续调用draw()函数。可以使用noLoop()函数停止loop()函数。

用法:

loop()

下面的示例说明了p5.js中的loop()函数:


例:

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