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

时间:2014-01-19 09:55:17

标签: animation language-agnostic image-manipulation

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

以下是我正在尝试创建的简单演示:http://i.imgur.com/7377yHr.gif

我对Objective-C和JavaScript非常熟悉,但由于概念和算法都是抽象的,我非常愿意在任何语言或框架中看到示例。

我想知道解决这个问题有多难 - 它不一定非常精确,只要它给人一种变形的印象我就会满意。

我从哪里开始?

1 个答案:

答案 0 :(得分:2)

在你的例子中似乎正在使用网状包裹变形和交叉溶解变形的组合。网格变形可能很棘手,据我所知,它需要手动输入(定义网格),因此根据您的要求,它可能不适合您。

如果你正在寻找一种廉价的技术(就努力而言),可能只是做交叉溶解对你有用,因为它很容易实现。您只需要通过增加目标图像的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