[程式] 用GL實作漣漪

看板GameDesign作者Morshues (汪汪)時間13年前 (2013/03/21 01:13)推噓5(5推 0噓 5→)

留言10則, 6人參與討論串1/2 (看更多)

因為前陣子有個關於遊戲玩法的發想想做一個關於漣漪特效因此來請教板上的前輩們有沒有什麼改進效能的做法我所指的漣漪就是假設以一張圖片為底圖觸碰某個點的時候會產生隨時間擴散的漣漪類似像這樣的效果 http://www.youtube.com/watch?v=Wtyxbi1c7r4

我使用的語言是android的openGL ES2 網路上找到一個關於漣漪的演算法 http://freespace.virgin.net/hugo.elias/graphics/x_water.htm 而網路上我看到對應到圖片的作法大致上有兩類一是將整張圖片切成大量的三角片再將水深資訊對應到Z軸坐標二是將深度資訊做為texture的偏移量越深的就偏移越多我在試做的時候所使用的是第二種是因為剛好找到這個 http://dl.dropbox.com/u/35529986/kokokakku/Mika.html 參考他的原始碼來做的做出來了之後沒想到FPS低到差點吐血我用的測試機是HTC OneX 所以深度資訊的array就用原生的1280x720 (PS:我是用sampler的buffer來丟深度資訊) 結果計算array以及把array丟進shader的buffer 沒想到100 frames竟然需要47539ms！！ (算深度 23xxx，丟進buffer 23xxx) 等於等於FPS只有2....XDDDDDDDDDDD ( 題外話 ( 另外android放進buffer的方式有兩種 ( 1. buffer.array()[index] = depth[index] ( 2. buffer.position(index) ( buffer.put(depth[index]) ( 上面說的時間是-1-的時間 ( -2-更高達73493ms ( 偏偏第一種方法在一些比較早期的手機會crash.... 後來我把buffer改小剩下125x62就超順 (約700ms) 只是解析度有點悲壯原本期待第一種更變z軸buffer的方法不過後來想想他也是堆進buffer啊.... 只是還沒試就是了很想讓深度資訊丟給shader自己算可是參考那個網頁的演算法每次的深度資訊都需要前一次的深度資訊來計算等於必須要存下每次的計算結果不過shader program好像沒有辦法拿來儲存結果？看youtube別人的demo都跑好順不知道自己哪個環節出了錯請教板上的前輩有沒有什麼好的建議？感謝耐心看完！後面附上片段的code ==計算深度的code== for (int y = 1; y < rippleHeight - 1; y++) { for (int x = 1; x < rippleWidth - 1; x++) { rippleMap[y][x][1-bufferSwitch] = (((rippleMap[y][x+1][bufferSwitch] + rippleMap[y][x-1][bufferSwitch] + rippleMap[y+1][x][bufferSwitch] + rippleMap[y-1][x][bufferSwitch] ) / 2f - rippleMap[y][x][1-bufferSwitch] )*rippleViscosity); } } // PS:bufferSwitch是用來區分前後兩次深度值的array ==array丟進buffer的code== for (int y = 0; y < rippleHeight; y++) { int tempY = y*rippleWidth*4; for (int x = 0; x < rippleWidth; x++) { depthBuffer.array()[tempY+x*4] = (byte)(rippleMap[y][x][1-bufferSwitch]*rippleAmpRatio + 127); } } ==array丟進buffer的另一個方法== ==所花時間是上面那個方法的兩倍，不過某些型號的手機只能用這個方法== for (int y = 0; y < rippleHeight; y++) { int tempY = y*rippleWidth*4; for (int x = 0; x < rippleWidth; x++) { depthBuffer.position(tempY+x*4); depthBuffer.put( (byte)(rippleMap[y][x][1-bufferSwitch]*rippleAmpRatio + 127)); } } -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.24.6.218

推

littleshan

03/21 01:37, , 1^F

03/21 01:37, 1^F

馬上來研究看看！感謝提供關鍵字！

→

azureblaze

03/21 01:37, , 2^F

03/21 01:37, 2^F

我是有寫shader，不過我一直以為沒辦法讓shader算的結果存起來QQ" ※ 編輯: Morshues 來自: 114.24.6.218 (03/21 22:07)

推

cjcat2266