兩個圖像之間的簡單變形動畫

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