Rehaciendo el diseño. Perdona las molestias.
← FLVPlayback y el full screen Navidad con Telefónica y Raphael →Esto es algo que aprendí hace unos meses mientras buscaba información para hacer un proyecto que al final no salió. El proyecto consistía en hacer un morphing animado de la cara del usuario a la de un monstruo.
La triangulación de Delaunay, como indica la Wikipedia, es un método que a partir de unos puntos que nosotros le demos, los une generando unos triángulos de forma que la circunferencia circunscrita de cada triángulo (la circunferencia que contiene todos los vértices del triángulo) no contiene ningún vértice de otro triángulo.
La propiedad realmente útil de éste método es que va a generar triángulos que no se solapen unos con otros y además con ángulos bastante anchos, de forma que no haya triángulos muy pequeños en comparación con el resto.
Esta operación tiene múltiples aplicaciones, como puede ser la generación de geometría 3D, ya que los vertices de cada triángulo representan un mismo plano.
El siguiente ejemplo está creado a partir de las clases de Zachary Forest Johnson. Basicamente utilizo su mismo código, con alguna modificación de mi cosecha para quitar warnings y ajustarlo a mis gustos.
Pero la aplicación que a mi me interesaba es que si aplicamos esta red de triángulos sobre una imagen tendremos una malla de triángulos texturizados y aplicándoles unas sencillas transformaciones geométricas podremos deformar esa malla moviendo los vértices de los triángulos. Todo esto es bastante sencillo y la teoría viene explicada perfectamente en esta página, código incluido.
El código calcula la matriz de transformación que le tenemos que aplicar a la imagen para que se mueva, rote y deforme con el triángulo que la contiene.
Lo siguiente es un ejemplo sencillo aplicando esta técnica. Aquí he usado una malla regular creada en un bucle, pero las posibilidades son infinitas. El rendimiento es bastante bueno.
Si a alguien le interesa podría preparar el código que he utilizado para subirlo. Aunque, por otro lado, con los enlaces que he puesto a nadie le debería costar mucho sacarlo. Y sobretodo con éste otro, que es donde está todo recopilado y explicado paso a paso.
This entry was posted in Actionscript. Bookmark the permalink. ← FLVPlayback y el full screen Navidad con Telefónica y Raphael →