當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。