电子书翻页效果的通用算法设想

今天用了下eRead8.0（可以看漫画哈），做的还不错，就是广告太多，功能限制也比较多，不是很喜欢。

eRead的翻页的用户体验很好，这里大致讲解一下我对该效果实现的算法思路。

 

翻页算法

输入：4张大小相同的图片(P1,P2,P3,P4)和一个鼠标当前坐标(x,y)

输出：合成的翻页图片P

算法步骤：

（1）    绘制图片P1,P4；

 

三角形

 

四边形

（2）    计算P3需要显示的部分，该部分可能为三角形或四边形，绘制该部分；

（3）    计算P2需要显示的部分，该部分可能为三角形或四边形，绘制之前进行位移和旋转处理，绘制该部分；

 

说明：

现在高级的语言基本都可以支持部分显示图片，至于图像的变换处理，如果语言本身不支持，自己手动写个工作量也不大，参考下图形学的课本就可以了哦，所以上面所说的所有步骤都是简单而可行的。

 

翻页效果进阶处理：

（1）    阴影效果，立体效果之所能够被人眼识别，光和影占有非常大的作用，其实光和影不过是明暗不同而已，这种效果实现起来应该比较简单；

（2）    页面曲化，翻页过程中P2部分应该是个曲面，这部分的计算可能麻烦一点，如果能够合理利用曲面效果，用户能够更加真实的感受实体书的感觉哦。