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.possition(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);
}