小時候看電子書，很多電子書APP都有仿真的翻頁效果，那時候覺得很新奇，奈何姿勢水平不夠，看不破其中的奧秘，有些當時想不明白的事情，等一段時間，自然而然就明白了。就像小時候家長叮囑要讓著女同學，那時候不懂為何這般，現在我已經沒有女同學了。

前幾天，我突然意識到是時候去揭開當年那個奧秘了，于是先在網上找了些相關實現，大致有幾種思路：

• 用骨骼動畫做一個翻頁動畫，在程序中替換骨骼動畫的皮膚。
• 通過移動上層的圖逐漸遮擋住下層的圖，再加上一張Mask達到翻頁效果。
• 把網格貼著圓柱位移。

這些思路可以達到效果，但各自都有很明顯的缺陷，直到我無意中在某大神知乎專欄瞄到一行關鍵線索《Deforming Pages of 3D Electronic Books (sketches 0135)》，幾經折騰，終于找到了原文：

其實原理很簡單，跟上面列出的第三條思路相似，但相對復雜一點。翻頁，可以想象成一個圓錐體從紙的最右端平移到最左端，平移的過程中，紙會包裹著圓錐，從而形成曲面。這個過程就是計算平面（xy）坐標映射到圓錐（A，a）表面坐標。

最終的效果是這樣的