使用自定义间隔将Three.Js场景渲染为动画GIF文件

时间:2014-08-15 14:48:39

标签: javascript html5 three.js webgl gif

我正在尝试渲染动画Three.js场景(基本上是一个动态网格加载器,将对象自动旋转360度)到GIF文件。 基本上我希望GIF包含每隔x秒/ ms从WebGL画布“截屏”的帧。

我一直在寻找几个小时,但我没有找到关于这个主题的任何好的资源。

感谢。

2 个答案:

答案 0 :(得分:9)

几年前,我做到了这一点。您可以在这里查看代码:

https://dl.dropboxusercontent.com/u/7508542/sandbox/omggif/index.html

答案 1 :(得分:1)

我刚刚发现这个资源库that似乎是正确的!

  

使用WebGL快速轻松地生成循环GIF

或者看看this

  

用于捕获基于画布的动画的库