两个图像之间的简单变形动画

Question

我正在寻求在两个图像之间实现简单的变形动画。

这里是什么，我试图创建一个简单的演示：http://i.imgur.com/7377yHr.gif

我与Objective-C和JavaScript的很舒服，但由于概念和算法是抽象的，我更愿意看到更多的任何语言或框架中的示例。

我想知道解决这个问题有多难 - 它不一定是确切的，但只要它给人一种变身的印象我就会满意。

我从哪里开始？

Answer 1

在你的例子中，似乎正在使用网格包裹变形和交叉溶解变形的组合。网格变形可能会非常棘手，据我所知它需要手动输入（定义网格），所以取决于你想要做什么，它可能不适合你。

如果你正在寻找一种廉价的技术（在努力方面），可能只是交叉解散会适合你，因为它很容易实现。您只需要通过增加目标图像的alpha值并减少原始图像上的alpha值来合并这两个图像。

这些文章给出的技术的概述：

[PDF] http://css1a0.engr.ccny.cuny.edu/~wolberg/pub/vc98.pdf

[PDF] http://www.sorging.ro/en/member/serveFile/format/pdf/slug/image-morphing-techniques

[PDF] http://cs.haifa.ac.il/hagit/courses/ip/Lectures/Ip05_GeomOper.pdf

最后一个环节来自于一个评论类似的问题：Morphing, 3 algorithms, image processing