兩種更加自然的 “翻頁 ”效果的原理和實現

使用純 Shader 實現翻頁效果

 

效果視頻

 

更自然的翻頁效果

Shader 特效——更自然的翻頁效果

 

該效果可以隨着鼠標移動、任意角度，更加流暢自然。

 

還有一個翻頁效果，都是純 shader 實現，其中原理也是相通的。具體算法和實現請參考我之前寫的下面這篇博客

Shader特效——“翻頁” 效果的原理以及實現 【GLSL】

 

使用 “圓錐變形算法” 實現的翻頁效果

主要的算法可以參考這篇論文《Turning Pages of 3D Electronic Books》，這是一篇 2004 年發表了的研究論文。作者巧妙而簡單的解決方案 —— 把一個捲紙想象成一個維度不斷變化的圓錐體，當圓錐體在書的表面滾動時，紙就會繞着這個圓錐體旋轉。讀了這篇文章，會更容易理解，但有些關鍵部分作者一帶而過，所以，以下將對該論文中省略的部分進行補充，以方便讀者理解：