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

p5.js中p5.Image的reset()方法用於重新啟動動畫GIF並從其開始狀態開始播放。它可以與按下按鈕或用戶輸入一起使用以重新啟動GIF動畫。它不接受任何參數。

用法:

reset()

參數：此方法不接受任何參數。

以下示例說明了p5.js中的reset()方法：

例：

Javascript

function preload() { 
    example_gif = loadImage("sample-gif.gif"); 
} 
  
function setup() { 
    createCanvas(500, 300); 
    textSize(18); 
  
    example_gif.delay(15); 
  
    text("Click on the button to " + 
         "reset the animation", 20, 20); 
  
    resetBtn =  
      createButton("Reset Animation"); 
    resetBtn.position(30, 40); 
    resetBtn.mousePressed(resetAnimation); 
} 
  
function draw() { 
    image(example_gif, 20, 60, 300, 200); 
} 
  
function resetAnimation() { 
  
    // Reset the animation using 
    // the reset() method 
    example_gif.reset(); 
}

輸出：

在線編輯： https://editor.p5js.org/
環境設置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
參考：https://p5js.org/reference/#/p5.Image/reset

相關用法

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