15-463 P3: Face Morphing/title> <style> span.code {font-family:"courier";} </style> </head> <body> <h1> P3: Face Morphing</h1> <h2> Background </h2> The goal of this assignment was to create a program to morph between two faces. It does this by adjusting the geometry of the faces along the animation along each frame to create a smooth transition. <h2> Details </h2> The <span class="code">morph</span> fuction I wrote took in as parameters images of the two faces, control points for each face as well as the desired fraction of geometric warp and dissolve between the two. It calcuates the Delaunay Triangulation of the control points for the averaged geometry and then for each point in the final image uses that to determine which pixels in each source image to use and put into the result. The complete set of input points and frames can be found <a href="data/">here.</a> <h2>Results</h2> <h3>Warp</h3> <center> <table> <tr align="center"> <td align="center"> <b>Me</b></td> <td align="center"> <b>The Animation</b></td> <td align="center"> <b>My Target</b></td> </tr><tr> <td align="center"><img src="24-small.jpg"></td> <td align="center"><img src="morph.gif"></td> <td align="center"><img src="25-small.jpg"></td> </table> </center> The result in general looks good, except for some discrepancy in the hair and the fact that I am smiling and Phil has his mouth closed. <h3>Average Face</h3> <center> <table> <tr align="center"> <td align="center"> <b>my face on the average geometry</b></td> <td align="center"> <b>the average face</b></td> <td align="center"> <b>the average face on my geometry</b></td> </tr><tr> <td align="center"><img src="myfaceaveragegeometry-small.jpg"></td> <td align="center"><img src="averageface-small.jpg"></td> <td align="center"><img src="averagefacemygeometry-small.jpg"></td> </table> The average face looks reasonable enough, but both applications look very odd. </center> </body> </html>