p5.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