是否可以使用 Canvas 或 KineticJS 创建网格密度动画？答案

【问题标题】：Is it possible to use Canvas or KineticJS to create Mesh Density Animation?是否可以使用 Canvas 或 KineticJS 创建网格密度动画？
【发布时间】：2013-12-15 10:25:18
【问题描述】：

我被要求制作这样的动画 http://vimeo.com/42731134 通过使用 HTML5 Canvas 或 KineticJS（带图像的过滤器）。

我用“画布网格动画”、“KineticJS 网格动画”等关键字进行了搜索，但没有找到任何有用的信息。

如果Canvas不能做到这一点，有没有开发语言可以做到？

任何帮助将不胜感激

【问题讨论】：

您可以使用画布来执行此操作 - 画布只是一个位图，但您必须使用 JavaScript（与任何语言一样）自己提供网格代码。
谢谢。但是“自己提供网格代码”是什么意思？您的意思是，例如，如果动画有 4 个场景，则需要生成 4 个网格代码。有什么工具可以做到这一点吗？

标签： animation html5-canvas kineticjs

【解决方案1】：

这并不是真正的动画（因为这个术语用于画布），因为它只是显示了使用程序创建的不同位图。这里的动画只是为了在一个时间范围内显示所有这些图片。

要生成这些图片，您必须提供这个外部程序并自己调用它（最终在动画回调循环中，演示：http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-animation-tutorial/）。

我不知道您是否可以使用 gimp 或其他程序来创建图像，我自己从来没有这样做过。另外，我不知道可以做到这一点的 javascript 库。

如果您有固定的动画序列（例如您提供的视频链接），您可以只制作视频或动画 gif，而忘记所有画布巫术。

【讨论】：