I use 原子编辑器。我要实现20 秒 GIF用我的画布。saveFrames()有一个限制（我猜）。即使我输入，它也可以将 .png 文件保存为短 gif（3-5 秒）saveFrames("aa","png",15,22);
我发现了 CCapture.js，但找不到任何导出画布的代码示例。
它不必导出为 GIF；但我至少想保存 .png 快照
我在画布上的动画无限。我该怎么做？
我在 p5.js 中的动画代码：
var x = 0;
var speed = 10;
var d1 = 100;
var d2 = 100;
function setup() {
createCanvas(600, 400);
background(0);
//saveFrames("aa","png",15,22);
}
function draw() {
stroke(random(100, 255), 0, random(100, 190));
strokeWeight(1.5);
ellipse(x, 100, d1, d1);
x = x + speed;
d1 = d1 - 0.6;
if (x > width || x < 0) {
speed = speed * -1;
fill(speed * 51);
}
ellipse(x, 300, d1, d1);
ellipse(x, 200, 50, 50);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.1/p5.min.js"></script>
我一直在开发一个支持 GIF 导出的新库，p5.createLoop https://www.npmjs.com/package/p5.createloop.
这将运行草图，然后以相同的帧速率渲染 GIF。
function setup() {
createCanvas(600, 400);
background(0);
frameRate(22)
createLoop({duration:15,gif:true})
}
这是一个codePen https://codepen.io/peteyhayman/pen/EJQEYK与完整的例子。大约需要两分钟，超过 50MB，完全值得
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
