[PIXI.JS] 想吃布丁嗎？Want to eat some pudding?

套件介紹
PIXI.js 是一個很厲害的渲染器，語言的使用方式跟Action Script很像，官網上有很多它的厲害範例，它也有內件的濾鏡即算圖方法，可以輕易製作出有趣的互動效果，以下就是使用它製作的一個布丁效果。

程式原理
簡單說明一下程式，應用PIXI內件的mesh網格特效，網格由骨幹、三角形、UV、貼圖所組成，像這樣，而PIXI則是透過JS來定義，依本程式來說明，verts 就是定義骨架定義這張網格的大小(單位 pixel)，uv 定義貼圖比例(0圖片最左邊 ~ 1圖片最右邊)，triangles定義網子中的三角形長相，因為用三角形進行算圖是最快的( 0是骨幹上點的編號 )。

互動機制當滑鼠覆蓋在布丁圖片上方，骨幹中央點的座標值將等於滑鼠作標值，當移出布丁圖片讓原始座標圖恢復。