Animation 是否可以使用Canvas或KineticJS创建网格密度动画?

Animation 是否可以使用Canvas或KineticJS创建网格密度动画?,animation,html5-canvas,kineticjs,Animation,Html5 Canvas,Kineticjs,我被要求制作这样的动画 通过使用HTML5画布或KineticJS(图像过滤器) 我用“canvas mesh animation”、“KineticJS mesh animation”等关键词进行了搜索,但没有找到任何有用的关键词 如果Canvas不能做到这一点,有没有开发语言可以做到 任何帮助都将不胜感激这并不是真正的动画(因为这个术语用于画布),因为它只显示了使用程序创建的不同位图。这里的动画只是在一个时间范围内显示所有这些图片 要生成这些图片,您必须提供这个外部程序并自己调用它(最终在动

我被要求制作这样的动画 通过使用HTML5画布或KineticJS(图像过滤器)

我用“canvas mesh animation”、“KineticJS mesh animation”等关键词进行了搜索,但没有找到任何有用的关键词

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


任何帮助都将不胜感激

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

要生成这些图片,您必须提供这个外部程序并自己调用它(最终在动画回调循环中,demo:)

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


如果你有一个固定的动画序列(比如你提供的视频链接),你可以制作一个视频或一个动画gif,然后忘记所有的画布巫术。

你可以使用画布来实现这一点-画布只是一个位图,但你必须自己使用JavaScript(和任何语言一样)提供网格代码。谢谢。但是“自己提供网格代码”是什么意思呢?。例如,您的意思是,如果动画有4个场景,则需要生成4个网格代码。有什么工具可以做到这一点吗?