P5.JS Animated GIF doesn#39;t work(P5.JS动画GIF无法工作)

本文介绍了P5.JS动画GIF无法工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

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

这仅显示GIF的第一帧。

推荐答案

有两种方法。

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

这篇关于P5.JS动画GIF无法工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！