Comments on: iq¹² creative session #1 http://iq12.com/blog/2009/07/02/iq%c2%b9%c2%b2-creative-session-1/ The drooling company Mon, 31 Oct 2011 13:35:15 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: fu http://iq12.com/blog/2009/07/02/iq%c2%b9%c2%b2-creative-session-1/comment-page-1/#comment-135 fu Tue, 25 Aug 2009 20:25:17 +0000 http://iq12.com/blog/?p=256#comment-135 yes it's realtime. The algorithm is quite easy if you understand <a href="http://en.wikipedia.org/wiki/UV_mapping" rel="nofollow">UV mapping</a> The code is too ugly to post but here's the important part: <code> // this is the indices of the vertices used to draw the triangles: see drawTriangles documentation private var indices:Vector.<int> = new Vector.<int>([7, 5, 17, 5, 4, 19, 6, 7, 20, 4, 6, 20, 4, 20, 21, 20, 7, 22, 0, 13, 23, 13, 14, 23, 14, 15, 24, 23, 14, 24, 15, 1, 24, 19, 3, 25, 18, 5, 25, 5, 19, 25, 2, 17, 26, 17, 5, 26, 5, 18, 26, 18, 25, 26, 17, 2, 27, 1, 15, 29, 16, 28, 29, 3, 19, 30, 11, 12, 31, 13, 0, 32, 31, 12, 32, 11, 21, 33, 21, 10, 33, 11, 33, 34, 33, 10, 35, 34, 33, 35, 12, 11, 36, 32, 12, 36, 9, 22, 37, 22, 8, 37, 37, 8, 38, 9, 37, 38, 9, 38, 39, 15, 14, 39, 8, 16, 40, 16, 29, 40, 29, 15, 40, 14, 13, 41, 35, 14, 41, 34, 35, 41, 13, 32, 41, 32, 36, 41, 11, 34, 41, 36, 11, 41, 15, 39, 42, 39, 38, 42, 38, 8, 42, 8, 40, 42, 40, 15, 42, 16, 8, 43, 8, 22, 43, 7, 17, 43, 17, 27, 43, 28, 16, 43, 22, 7, 43, 27, 28, 43, 19, 4, 44, 30, 19, 44, 21, 11, 44, 11, 31, 44, 4, 21, 44, 31, 30, 44, 10, 21, 45, 21, 20, 45, 22, 9, 45, 20, 22, 45, 9, 39, 45, 35, 10, 45, 14, 35, 45, 39, 14, 45, 4, 5, 46, 6, 4, 46, 5, 7, 46, 7, 6, 46]); private function render(src1:Face, src2:Face, morphRatio:Number) { var inverseMorphRatio:Number = 1 - morphRatio; // Face.vertices contains triangles summits coordinates (vertices) in the bitmapData space: use them to compute the target coordinates // Face.uvtData contains the same coordinates within a [0.0,1.0] x,y space: use them as source coordinates // the target vertices are a mix between the two faces var vertices:Vector.<Number> = new Vector.<Number>; for (var i:int = 0; i < src1.vertices.length; i++) vertices.push ( src1.vertices[i] * inverseMorphRatio + src2.vertices[i] * morphRatio); // draw the first face with 1-alpha r1.alpha = inverseMorphRatio; r1.graphics.clear(); r1.graphics.beginBitmapFill(src1.bmd); r1.graphics.drawTriangles(vertices, indices , src1.uvtData); // draw the second face r2.alpha = morphRatio; r2.graphics.clear(); r2.graphics.beginBitmapFill(src2.bmd); r2.graphics.drawTriangles(vertices, indices , src2.uvtData); } </code> yes it’s realtime. The algorithm is quite easy if you understand UV mapping

The code is too ugly to post but here’s the important part:

// this is the indices of the vertices used to draw the triangles: see drawTriangles documentation
private var indices:Vector. = new Vector.([7, 5, 17, 5, 4, 19, 6, 7, 20, 4, 6, 20, 4, 20, 21, 20, 7, 22, 0, 13, 23, 13, 14, 23, 14, 15, 24, 23, 14, 24, 15, 1, 24, 19, 3, 25, 18, 5, 25, 5, 19, 25, 2, 17, 26, 17, 5, 26, 5, 18, 26, 18, 25, 26, 17, 2, 27, 1, 15, 29, 16, 28, 29, 3, 19, 30, 11, 12, 31, 13, 0, 32, 31, 12, 32, 11, 21, 33, 21, 10, 33, 11, 33, 34, 33, 10, 35, 34, 33, 35, 12, 11, 36, 32, 12, 36, 9, 22, 37, 22, 8, 37, 37, 8, 38, 9, 37, 38, 9, 38, 39, 15, 14, 39, 8, 16, 40, 16, 29, 40, 29, 15, 40, 14, 13, 41, 35, 14, 41, 34, 35, 41, 13, 32, 41, 32, 36, 41, 11, 34, 41, 36, 11, 41, 15, 39, 42, 39, 38, 42, 38, 8, 42, 8, 40, 42, 40, 15, 42, 16, 8, 43, 8, 22, 43, 7, 17, 43, 17, 27, 43, 28, 16, 43, 22, 7, 43, 27, 28, 43, 19, 4, 44, 30, 19, 44, 21, 11, 44, 11, 31, 44, 4, 21, 44, 31, 30, 44, 10, 21, 45, 21, 20, 45, 22, 9, 45, 20, 22, 45, 9, 39, 45, 35, 10, 45, 14, 35, 45, 39, 14, 45, 4, 5, 46, 6, 4, 46, 5, 7, 46, 7, 6, 46]);

private function render(src1:Face, src2:Face, morphRatio:Number)
{
var inverseMorphRatio:Number = 1 - morphRatio;

// Face.vertices contains triangles summits coordinates (vertices) in the bitmapData space: use them to compute the target coordinates
// Face.uvtData contains the same coordinates within a [0.0,1.0] x,y space: use them as source coordinates

// the target vertices are a mix between the two faces
var vertices:Vector. = new Vector.;
for (var i:int = 0; i < src1.vertices.length; i++)
vertices.push ( src1.vertices[i] * inverseMorphRatio + src2.vertices[i] * morphRatio);

// draw the first face with 1-alpha
r1.alpha = inverseMorphRatio;
r1.graphics.clear();
r1.graphics.beginBitmapFill(src1.bmd);
r1.graphics.drawTriangles(vertices, indices , src1.uvtData);

// draw the second face
r2.alpha = morphRatio;
r2.graphics.clear();
r2.graphics.beginBitmapFill(src2.bmd);
r2.graphics.drawTriangles(vertices, indices , src2.uvtData);
}

]]> By: Og2t http://iq12.com/blog/2009/07/02/iq%c2%b9%c2%b2-creative-session-1/comment-page-1/#comment-134 Og2t Tue, 25 Aug 2009 19:15:21 +0000 http://iq12.com/blog/?p=256#comment-134 RIP Michael! Is the morphing realtime? What algorithm are you using? It's very fast! RIP Michael! Is the morphing realtime? What algorithm are you using? It’s very fast!

]]> By: iq¹² creative session #1 – appel à participations | iq¹² http://iq12.com/blog/2009/07/02/iq%c2%b9%c2%b2-creative-session-1/comment-page-1/#comment-85 iq¹² creative session #1 – appel à participations | iq¹² Thu, 02 Jul 2009 21:15:14 +0000 http://iq12.com/blog/?p=256#comment-85 [...] tous ceux qui voudraient participer à cet hommage/pitrerie sont les [...] [...] tous ceux qui voudraient participer à cet hommage/pitrerie sont les [...]

]]> By: Faites entrer l'accusée http://iq12.com/blog/2009/07/02/iq%c2%b9%c2%b2-creative-session-1/comment-page-1/#comment-84 Faites entrer l'accusée Thu, 02 Jul 2009 13:52:59 +0000 http://iq12.com/blog/?p=256#comment-84 Ulu > tudutudu, ne m'accuse pas et post ton Michael, assume ! Ulu > tudutudu, ne m’accuse pas et post ton Michael, assume !

]]>