javascript - P5.JS 动画 GIF 不起作用

Question

如何使用 p5.js 加载适用于所有现代浏览器的动画 gif？

img1 = loadImage('2.gif');
image(img1, 15, y, 20, 40);

这仅显示 GIF 的第一帧。

Answer 1

有两种方法可以做到这一点。

<强>1。使用 createImg 而不是 loadImage

将您的代码更改为:

img1 = createImg('2.gif');
img1.position(20, 40);

<强>2。使用依赖项

您需要将其添加到您的项目中:https://github.com/antiboredom/p5.gif.js/tree/master

您的代码应如下所示:

function setup() {
  createCanvas(600,600);
  gif = loadGif('2.gif');
}

function draw() {
  background(0);
  image(gif, 20, 40);
}