CN101930340B - 一种电子书模拟真实翻页产生光照效果的方法 - Google Patents

Abstract

一种电子书模拟真实翻页产生光照效果的方法，包括如下步骤：翻页行为解析；对应用层提供的图片进行区域界定；相应区域的图片进行位置变换、图形叠加；书页翻动时前一页与后一页之间产生的界线为中心的区域内以梯度渐变色填充。本发明动态显示书页翻动时产生光照效果，改善电子书阅读过程中的用户体验；逼近真实翻页效果，能让用户有更真实的体验，带来更多乐趣。

Description

一种电子书模拟真实翻页产生光照效果的方法

【技术领域】

本发明属于信息技术领域，具体是指一种电子书模拟真实翻页产生效果的方法。

【背景技术】

随着科学技术的发展，手机、电子书、电子相框等电子装置越来越广泛地被人们使用。人们经常使用电子书、电子相框等电子装置浏览小说等文字文档，或翻看相片、图片，给人们生活带来了不少乐趣。

然而，现在一般的电子书或电子相框翻阅文字文档或图片时，都是直接用下一页代替当前页，缺乏模拟实际翻页效果，动态显示翻页过程的功能，用户在翻看文档时，会因为与实际翻页的差异而体会不到翻书的感觉。而目前已有软件虽然能够通过鼠标拖拽来仿真实际翻书的效果，但是计算量大，对硬件要求高，一般的电子书或电子相框难以达到该要求。

中国发明专利第200810065461.1公开了一种可体现电子文档翻页效果的方法，但其只是最基本的翻页效果，动态显示书页掀动的行为。而在现实中人们进行翻页时，页与页之间会产生光照效果，有些部位会产生阴影。只有尽量逼近真实翻页效果，才能让用户有更真实的体验，带来更多乐趣。

【发明内容】

本发明的所要解决的技术问题在于提供一种电子书模拟真实翻页产生光照效果的方法，可以逼近真实翻页效果，让用户有更真实的体验，带来更多乐趣。

本发明采用以下技术方案解决上述技术问题：

一种电子书模拟真实翻页产生光照效果的方法，包括如下步骤：

步骤100：翻页行为解析；

步骤200：对应用层提供的图片进行区域界定；

步骤300：相应区域的图片进行位置变换、位图填充；

步骤400：书页翻动时前一页与后一页之间产生的界线为中心的区域内以梯度渐变色填充。

所述步骤200包括：系统实时捕捉鼠标事件，根据不同的四个页角起始区域、鼠标运动的速度和方向，确定不同时刻书页翻动时的区域D1D2D3D4的边界。

所述步骤300中位图填充映射到屏幕上的位置是由填充映射矩阵M决定的；

下一页的形状P1、前一页的形状P2的填充图片经过平移就可以映射到P1、P2内，假设图片左上角A点的坐标为(xA，yA)，图片以左上角作为坐标参考点，则对应的映射矩阵

M1＝M2＝MT(xA，yA)

其中，MT(xA，yA)使图片左上角从原点平移到A点；

前一页翻页后的形状P3的填充图片必须经过平移、旋转、再平移才能映射到图形内，假设D2的坐标为(xD2，yD2)，∠DD2D3的度数为delta，则映射矩阵

M3＝MT(x D2，y D2)*MR(delta)*MT(xD2-xD，0)

其中，MR(delta)使图片绕原点顺时针旋转delta角度。

所述步骤400中梯度渐变色模板到形状P4的填充映射是通过矩阵来完成的；变换过程包括缩放，平移，旋转和再次平移；

假设阴影的总宽度为W，长度为L，则映射矩阵

M4＝MT(x D2，y D2)*MR(delta/2)*MT(-W/2，0)*MS(W/256，L/256)

其中，MS(W，L)使阴影水平缩放W倍，竖直方向缩放L倍数；

P4中填充的渐变色，被定义成一个256色的ARGB颜色模板cmap，其中，cmap[0]和cmap[255]分别表示S1S2和S3S4位置上叠加的阴影颜色，cmap[128]则表示D1D2位置上叠加的阴影颜色，再通过线性插值，就可以得到整个cmap颜色模板；在图层叠加时将形状P4置于P1、P2、P3的上层。

本发明的优点在于：动态显示书页翻动时产生光照效果，改善电子书阅读过程中的用户体验；逼近真实翻页效果，能让用户有更真实的体验，带来更多乐趣。

【附图说明】

下面参照附图结合实施例对本发明作进一步的描述。

图1是本发明工作流程示意图。

图2是本发明简单翻页效果示意图。

图3是本发明以梯度渐变色为填充的阴影效果示意图。

图4是本发明纸张半透明效果示意图。

【具体实施方式】

一种电子书模拟真实翻页产生光照效果的方法，如图1所示，包括如下步骤：

步骤100：翻页行为解析；

步骤200：对应用层提供的图片进行区域界定；

步骤300：相应区域的图片进行位置变换、图形叠加；

步骤400：书页翻动时前一页与后一页之间产生的界线为中心的区域内以梯度渐变色填充。

下面详细描述对相关区域的图片填充：

如图2，为某个时刻的翻页状态，该状态通过三个多边形(ABD1D2、DC D1D2、D1D2D3D4)来描述，这三个多边形内填充的图片由相关的应用层提供，在书的四个页角(A、B、C、D)坐标固定的情况下，只需要确定形状D1D2D3D4的边界即可。这个边界坐标通过实时地解析鼠标事件和相关运算获得。

在D1D2D3D4的坐标确定后，就可以确定各图形的边界，以及填充的映射矩阵。为了便于描述，三个以图片为填充的多边形ABD1D2、DC D1D2、D1D2D3D4分别用P1、P2、P3表示，以梯度渐变色(即看到的阴影，如图3)为填充的多边形S1S2D2S3S4D1用P4表示。

P4中填充的渐变色，被定义成一个256色的ARGB颜色模板cmap，其中，cmap[0]和cmap[255]分别表示S1S2和S3S4位置上叠加的阴影颜色，cmap[128]则表示D1D2位置上叠加的阴影颜色，再通过线性插值，就可以得到整个cmap颜色模板。由于P4使用的填充渐变色带alpha分量，因此，在图层叠加时将形状P4置于P1、P2、P3的上层。

不同的翻页时刻，P1和P2的边界所在直线只有一条D1D2在移动，而P3的所有边都可能发生变化。为了提高效率，相邻两帧相同的画面尽可能地不重新进行光栅化绘制。因此，在不考虑初始状态的情况下，更新区域只由P3边界决定。

由于阴影的加入，更新区域还要根据S3S4的位置稍做扩大。

当翻页恢复到起始位置或翻页行为完成后，阴影不需要绘制，此时将其从图层中移除。

位图填充和梯度填充映射到屏幕上的位置是由填充映射矩阵M决定的。

形状P1、P2的填充图片经过平移就可以映射到P1、P2内，假设图片左上角(A点)的坐标为(xA，yA)，图片以左上角作为坐标参考点，则对应的映射矩阵

M1＝M2＝MT(xA，yA)

其中，MT(xA，yA)使图片左上角从原点平移到A点。

形状P3的填充图片必须经过平移、旋转、再平移才能映射到图形内，假设D2的坐标为(xD2，yD2)，∠DD2D3的度数为delta，则映射矩阵

M3＝MT(x D2，y D2)*MR(delta)*MT(xD2-xD，0)

其中，MR(delta)使图片绕原点顺时针旋转delta角度。

梯度渐变色模板到形状P4的填充映射同样是通过矩阵来完成的。变换过程包括缩放，平移，旋转和再次平移。假设图3中阴影的总宽度为W，长度为L，则映射矩阵

M4＝MT(x D2，y D2)*MR(delta/2)*MT(-W/2，0)*MS(W/256，L/256)

其中，MS(W，L)使阴影水平缩放W倍，竖直方向缩放L倍数。

如果直接使用这个矩阵进行光栅化，不仅需要逐点运算，而且可能存在屏幕上一个点被多次绘制的情况。因此，为了提高效率，先对以上变换矩阵求逆，然后根据扫描线算法按行进行逐个像素的填充。

在屏幕某一行的第一个绘制点，先根据逆矩阵计算图片中的对应位置并取出像素值。之后，由于以上变换均为仿射变换，屏幕上每步进一点(dx＝1，dy＝0)，由逆矩阵就可以方便得到原始图片中的步进dx和dy，根据上一个点位置也就可以从原始图片中快速索引到当前点。

在纸质较薄且背面无内容的情况下，为了逼近真实效果，渲染时需要对被掀开的P3区域进行特殊处理，如图4。

P3中填充的图片是原始图片以D1D2为轴的镜像对称，通过对原始图像进行变色处理，视觉上即原图和纸张颜色(图中为接近纯白色)的alpha混合叠加，使图片的色纯度降低到p％。最终显示颜色的R’G’B’分量和原始图片RGB的关系为：

R’＝R*p/100+255*(100-p)/100

G’＝G*p/100+255*(100-p)/100

B’＝B*p/100+255*(100-p)/100

本发明动态显示书页翻动时产生光照效果，改善电子书阅读过程中的用户体验；逼近真实翻页效果，能让用户有更真实的体验，带来更多乐趣。

Claims (1)

1.一种电子书模拟真实翻页产生光照效果的方法，其特征在于：包括如下步骤：

步骤100：翻页行为解析；

步骤200：对应用层提供的图片进行区域界定：系统实时捕捉鼠标事件，根据不同的四个页角起始区域、鼠标运动的速度和方向，确定不同时刻书页翻动时的区域D1D2D3D4的边界；

步骤300：相应区域的图片进行位置变换、位图填充：位图填充映射到屏幕上的位置是由填充映射矩阵M决定的；

假设书的四个页角为Ａ、B、C、D，其中A为左上角、B为左下角、C为右下角、D为右上角；下一页的形状ABD1D2、前一页的形状DCD1D2的填充图片经过平移就可以映射到ABD1D2和DCD1D2内，其中D1在DC线上、D2在AD线上、D3在页内、D4在页外；三个以图片为填充的多边形ABD1D2、DCD1D2、D1D2D3D4分别用P1、P2、P3表示，以梯度渐变色为填充的多边形S1S2D2S3S4D1用P4表示，其中S1在页外、S2在页内、S3在AD2线上、S4在BD1线上；

下一页的形状P1、前一页的形状P2的填充图片经过平移就可以映射到P1、P2内，假设图片左上角A点的坐标为（xA，yA），图片以左上角作为坐标参考点，则对应的映射矩阵

M1=M2=MT（xA，yA）

其中，MT（xA，yA）使图片左上角从原点平移到A点；

前一页翻页后的形状P3的填充图片必须经过平移、旋转、再平移才能映射到图形内，假设D2的坐标为（xD2，yD2），∠DD2D3的度数为delta，则映射矩阵

M3=MT（xD2，yD2）*MR（delta）*MT（xD2-xD，0）

其中，MR（delta）使图片绕原点顺时针旋转delta角度；

步骤400：书页翻动时前一页与后一页之间产生的界线为中心的区域内以梯度渐变色填充：梯度渐变色模板到形状P4的填充映射是通过矩阵来完成的；变换过程包括缩放，平移，旋转和再次平移；

假设阴影的总宽度为W，长度为L，则映射矩阵

M4=MT（xD2，yD2）*MR（delta/2）*MT（-W/2，0）*MS（W/256，L/256）

其中，MS（W/256，L/256）使阴影从256个模板像素水平缩放W倍，竖直方向缩放L倍数；

P4中填充的渐变色，被定义成一个256色的ARGB颜色模板cmap，其中，cmap[0]和cmap[255]分别表示S1S2和S3S4位置上叠加的阴影颜色，cmap[128]则表示D1D2位置上叠加的阴影颜色，再通过线性插值，就可以得到整个cmap颜色模板；在图层叠加时将形状P4置于P1、P2、P3的上层。

Images