使用纯 Shader 实现翻页效果
效果视频
更自然的翻页效果
Shader 特效——更自然的翻页效果
该效果可以随着鼠标移动、任意角度,更加流畅自然。
还有一个翻页效果,都是纯 shader 实现,其中原理也是相通的。具体算法和实现请参考我之前写的下面这篇博客
Shader特效——“翻页” 效果的原理以及实现 【GLSL】
使用 “圆锥变形算法” 实现的翻页效果
主要的算法可以参考这篇论文《Turning Pages of 3D Electronic Books》,这是一篇 2004 年发表了的研究论文。作者巧妙而简单的解决方案 —— 把一个卷纸想象成一个维度不断变化的圆锥体,当圆锥体在书的表面滚动时,纸就会绕着这个圆锥体旋转。读了这篇文章,会更容易理解,但有些关键部分作者一带而过,所以,以下将对该论文中省略的部分进行补充,以方便读者理解: