两种更加自然的 “翻页 ”效果的原理和实现

使用纯 Shader 实现翻页效果

 

效果视频

更自然的翻页效果

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

该效果可以随着鼠标移动、任意角度，更加流畅自然。

还有一个翻页效果，都是纯 shader 实现，其中原理也是相通的。具体算法和实现请参考我之前写的下面这篇博客

Shader特效——“翻页” 效果的原理以及实现 【GLSL】

使用 “圆锥变形算法” 实现的翻页效果

主要的算法可以参考这篇论文《Turning Pages of 3D Electronic Books》，这是一篇 2004 年发表了的研究论文。作者巧妙而简单的解决方案 —— 把一个卷纸想象成一个维度不断变化的圆锥体，当圆锥体在书的表面滚动时，纸就会绕着这个圆锥体旋转。读了这篇文章，会更容易理解，但有些关键部分作者一带而过，所以，以下将对该论文中省略的部分进行补充，以方便读者理解：