最近捕魚達人3的釋出 ，人氣比較高，由于前2部作品已經有一大群“粉絲”，是以此次3代再釋出就受到很多關注。就畫面3代是3d的效果，加上一些特殊效果，在畫面品質上有了一定的提升。本文講述一下捕魚3的開場漩渦實作方法，它類似ps的旋轉扭曲效果，隻是程式中可以動态改變參數，實作像漩渦一樣的效果。
首先，進入主場景的時候，将整個場景渲染到一個節點中，然後執行shader操作，vert着色器将所有的點進行扭曲變換，在顔色着色器乘以一個沿着中心點變化的因子，使得越靠近中心點，顔色逐漸變成白色或者透明。
為了将扭轉力具體化，這裡我将它看出角加速度，假設靠近中心點的距離在一定範圍内用百分比表示，比如在400個機關的範圍，距離中心點100的點就是100/400=0.25，将它用do表示。假如扭力在距離中心點100的地方是最大的，然後向兩邊越來越少，這樣就會形成旋轉扭曲的效果。
float d=sqrt(ja_position.x*ja_position.x+ja_position.y*ja_position.y);
float d0=d/400;
float w=0.1+(1-(do-0.25)*(do-0.25))*force;
float c=cos(w);
float s=sin(w);
mat4 m1=mat4(c,s,0,0,-s,c,0,0,0,0,1,0,0,0,0,1);
gl_Position =CC_MVPMatrix *m1* ja_position;
在以上的代碼中，m1是點的變換矩陣，将所有點左乘m1，最後就會出現扭曲的效果。
gl_FragColor =dstclr*d0;
以上是将目标色乘以變化因子，這裡隻是簡單将中心點附近的顔色變淺。
由于源代碼很多，還要建立網格，頂點索引等等，這裡就不一一貼上來啦~，需要的朋友可以聯系，呵呵
。
效果圖：
變換前：
變換後：