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);
}