javascript P5.JS动画GIF不工作

e0bqpujr  于 2022-12-25  发布在  Java
关注(0)|答案(1)|浏览(188)

如何加载一个可以在所有现代p5.js浏览器上运行的动画gif?

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

这只显示GIF的第一帧。

6kkfgxo0

6kkfgxo01#

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

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

相关问题