电子文档翻页效果实现方法及装置制造方法

电子文档翻页效果实现方法及装置制造方法
【专利摘要】本发明公开了一种电子文档翻页效果实现方法及装置。所述方法包括：确定所述电子文档的页面边界，检测初始翻页点以及当前翻页点，根据所述初始翻页点与所述当前翻页点确定页面的折边；根据所述初始翻页点以及所述当前翻页点的坐标计算当前翻页角度以及当前翻页长度；构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另一个平面上；以及检测下一翻页点，以下一翻页点作为当前翻页点重新确定所述页面的折边并且重复执行所述翻页点移动计算步骤以及圆柱卷边计算步骤，直至翻页点消失。本发明提出的电子文档翻页效果实现过程更加简单、容易调整、可扩展性强。
【专利说明】电子文档翻页效果实现方法及装置

【技术领域】
[0001] 本发明涉及图形处理【技术领域】，特别涉及一种电子文档翻页效果实现方法及装 置。

【背景技术】
[0002] 近年来，随着智能手机、平板电脑、电子书阅读器等终端产品的快速发展，用户对 终端应用产品的要求也越来越高。终端应用产品通常借由用户界面与用户实现交互。针对 电子文档的翻页操作也是其中一种比较常见的交互，经常在各种列表界面、文本界面中出 现，翻页技术也成为终端应用产品中的一个关键技术。
[0003] 现有的翻页技术包括flash翻页技术、leaves翻页技术、ConeCurl圆锥翻页技术 等。其中，flash翻页技术已形成很久，应用也较为广泛，具有斜角翻页效果，但由于没有圆 角卷边的三维效果，翻页效果不够逼真。Leaves翻页技术是苹果公司iPhone手机平台中一 个开源的翻页实现方案，加上阴影效果后具有较逼真的圆角卷边效果，但是，Leaves翻页技 术无法实现斜角卷边效果。ConeCurl圆锥翻页技术也是一种开源的翻页实现方案，具有较 为真实的三维翻页效果，能够实现倾斜翻页，也有圆角卷边效果。但是，ConeCurl圆锥翻页 技术的实现方法很复杂，灵活性也不够。


【发明内容】

[0004] 为了解决现有的斜角卷边翻页技术算法复杂、灵活性不够的问题，本发明实施例 提供了 一种电子文档翻页效果实现方法及装置。
[0005] 本发明一个实施例中的电子文档翻页效果实现方法，包括：检测步骤，确定所述电 子文档的页面边界，检测初始翻页点以及当前翻页点，根据所述初始翻页点与所述当前翻 页点确定页面的折边，所述折边将所述页面划分为第一区域及第二区域，所述第二区域包 括所述初始翻页点，所述第二区域相对于所述折边的轴对称区域为第三区域；翻页点移动 计算步骤，根据所述初始翻页点以及所述当前翻页点的坐标计算当前翻页角度以及当前翻 页长度；圆柱卷边计算步骤，构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使 所述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在 所述圆柱体模型或者所述另一个平面上；以及检测下一翻页点，以下一翻页点作为当前翻 页点重新确定所述页面的折边并且重复执行所述翻页点移动计算步骤以及圆柱卷边计算 步骤，直至翻页点消失。
[0006] 本发明另一个实施例中的电子文档翻页效果实现方法，包括：检测步骤，确定所述 电子文档的页面边界，检测翻页触发点，根据预设的起始翻页角度、预设的起始翻页长度以 及所述翻页触发点的位置确定页面折边的起始位置，所述折边将所述页面划分为第一区域 及第二区域，所述第二区域相对于所述折边的轴对称区域为第三区域；圆柱卷边计算步骤， 构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所述圆柱体模型与所述页面 的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另 一个平面上；以及动画显示步骤，将贴在所述圆柱体模型上的页面纹理做为当前页面的翻 起部分进行显示；以及根据预设的翻页变化长度、预设的起始翻页角度以及当前页面的翻 页角度，确定下一帧动画的折边位置，重复所述圆柱卷边计算步骤以及所述动画显示步骤， 直至当前翻页角度达到预设的最大翻页角度。
[0007] 本发明一个实施例中的电子文档翻页效果实现装置，包括：检测模块，用于确定所 述电子文档的页面边界，检测初始翻页点以及当前翻页点，根据所述初始翻页点与所述当 前翻页点确定页面的折边，所述折边将所述页面划分为第一区域及第二区域，所述第二区 域包括所述初始翻页点，所述第二区域相对于所述折边的轴对称区域为第三区域；翻页点 移动计算模块，用于根据所述初始翻页点以及所述当前翻页点的坐标计算当前翻页角度以 及当前翻页长度；以及圆柱卷边计算模块，用于构建圆柱体模型以及与所述圆柱体模型相 切的另一个平面，使所述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域 对应的页面纹理贴在所述圆柱体模型或者所述另一个平面上。
[0008] 本发明另一个实施例中的电子文档翻页效果实现装置，包括：检测模块，用于确定 所述电子文档的页面边界，检测翻页触发点，根据预设的起始翻页角度、预设的起始翻页长 度以及所述翻页触发点的位置确定页面折边的起始位置，所述折边将所述页面划分为第一 区域及第二区域，所述第二区域相对于所述折边的轴对称区域为第三区域；圆柱卷边计算 模块，用于构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所述圆柱体模型 与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所述圆柱体模型 或者所述另一个平面上；以及动画显示模块，用于将贴在所述圆柱体模型上的页面纹理做 为当前页面的翻起部分进行显示。
[0009] 相对于现有技术，本发明实施例提出的电子文档翻页效果实现方法，实现过程更 加简单、容易调整、可扩展性更强。

【专利附图】

【附图说明】
[0010] 为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使 用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于 本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他 的附图。
[0011] 图1是本发明第一实施例提供的电子文档翻页效果实现方法的流程示意图。
[0012] 图2是本发明第一实施例中的电子文档的页面示意图之一。
[0013] 图3是在图2的基础上构建圆柱体模型以及与圆柱体模型相切的另一平面后的示 意图。
[0014] 图4是图1中将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另一 个平面上的步骤的具体流程图。
[0015] 图5是本发明第一实施例中将所述第三区域对应的页面纹理贴在所述圆柱体模 型或者所述另一个平面上后的效果图。
[0016] 图6是在将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另一个 平面上之前，增加黑背景的效果示意图。
[0017] 图7是图5增加黑背景后的效果图。
[0018] 图8是本发明第二实施例提供的电子文档翻页效果实现方法的流程示意图。
[0019] 图9是本发明第二实施例中的电子文档的页面示意图。
[0020] 图10是本发明第三实施例提供的电子文档翻页效果实现方法的流程示意图。
[0021] 图11是本发明第三实施例中的电子文档的页面示意图。
[0022] 图12是本发明第四实施例提供的电子文档翻页效果实现方法的流程示意图。
[0023] 图13是本发明第四实施例中的电子文档的页面示意图。
[0024] 图14是本发明第五实施例提供的电子文档翻页效果实现装置的结构示意图。
[0025] 图15是本发明第六实施例提供的电子文档翻页效果实现装置的结构示意图。
[0026] 图16是本发明第七实施例提供的电子文档翻页效果实现装置的结构示意图。
[0027] 图17是本发明第八实施例提供的电子文档翻页效果实现装置的结构示意图。

【具体实施方式】
[0028] 本发明实施例所提供的方法可应用于包含有触摸显示屏或者触控板的用户终端 中，实现电子文档立体翻页效果。该用户终端可以包括智能手机、平板电脑、电子书阅读器、 MP3播放器（Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音 频层面 3)、MP4 (Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标 准音频层面3)播放器、膝上型便携计算机和台式计算机等等。
[0029] 下面将结合附图对本发明实施方式进行详细的描述，本发明中的电子文档翻页效 果实现方法可以采用OpenGL (Open Graphics Library，一种图形应用程序编程接口）技术 来实现。
[0030] 第一实施例
[0031] 请参考图1，其示出了本发明第一实施例提供的电子文档翻页效果实现方法的流 程示意图。本实施例中的电子文档翻页效果实现方法主要用于实现拖动式翻页操作中的电 子文档翻页效果。拖动式翻页操作指的是用户通过与用户终端的触控表面持续接触的操作 手势与用户终端交互实现翻页的操作方式，用户的操作手势具有一定的滑动轨迹。
[0032] 请参照图1，于本实施例中，该电子文档翻页效果实现方法，包括：
[0033] 步骤S11，确定所述电子文档的页面边界，检测初始翻页点以及当前翻页点，根据 所述初始翻页点与所述当前翻页点确定页面的折边，所述折边将所述页面划分为第一区域 及第二区域，所述第二区域包括所述初始翻页点，所述第二区域相对于所述折边的轴对称 区域为第三区域。
[0034] 本发明实施例中的电子文档可以包括页面（web page)、电子图像（digital image)、word 文档、PPT 文档、emai 1、PDF 文档等等。
[0035] 于步骤S11中，首先确定所述电子文档的页面边界，也就是电子文档在显示面板 中的位置，包括页面的页面宽度PAGE_WIDTH和页面高度PAGE_HEIGHT。如果电子文档占据 了整个触控表面显示区域的位置，则可以认为触控表面显示区域的边界就是该电子文档的 页面边界。
[0036] 以图2中的电子文档的页面20为例，定义电子文档的页面20的四条外边线为电 子文档的边界，四条外边线的交点A、B、C、D为电子文档的页面20的四个顶点，即为可能的 起始页面角顶点，模拟的翻页效果从这四个起始页面角顶点中的一个开始。相应的，图2中 的四个边界也可以分别用AB、BC、⑶、DA来表示。
[0037] 本发明实施例中的翻页点，指的是在拖动式翻页操作过程中，用户在用户终端 (例如手机）的触控表面上进行拖动式翻页操作时所触及的点的位置。
[0038] 初始翻页点指的是用户在触控表面上触及的第一个点的位置。在电子文档处于阅 读模式的情况下，例如用户开启了 QQ阅读等应用软件的阅读界面时，用户终端检测到用户 的翻页操作，即可记录下初始翻页点的位置，图2中用I表示初始翻页点。用户终端每隔 一段时间，例如50毫秒检测一次用户当前所触及的点的位置，即当前翻页点的位置，并记 录下来，图2中用?\表示当前翻页点。
[0039] 在图2中，由于与初始翻页点?；距离最短的起始页面角顶点为顶点C，因此可以确 定起始页面角顶点为C点，也就是右下角翻页。
[0040] 可以根据所述初始翻页点与所述当前翻页点确定页面的折边，例如于本发明的一

【具体实施方式】中可以以初始翻页点?；与当前翻页点?\的连线的中垂线为页面的折边。在 图2中，以初始翻页点?；与当前翻页点?\的连线的中垂线为页面的折边，折边与页面边界 BC的交点为Ε，与页面边界CD的交点为F，相应的，折边可以用线段EF来表示。
[0041] 在图2中，折边EF将电子文档20的页面划分为第一区域I及第二区域II，其中， 第二区域II为包括初始翻页点?；的区域，第一区域I与第二区域II相互没有重叠，且第一 区域I与第二区域II拼接在一起即为整个页面。另外，第二区域II相对于折边EF的轴对 称区域为第三区域III，也就是第二区域II与第三区域III是相互轴对称的，且对称轴为折 边EF。在未进行三维效果（卷边）处理的情况下，第三区域III就是页面的第一区域I沿 折边EF翻页后所在的区域，图2中用C'表示页面的第一区域I沿折边EF翻页后、页面顶 点C的位置。
[0042] 步骤S12 :根据所述初始翻页点以及所述当前翻页点的坐标计算当前翻页角度以 及当前翻页长度。
[0043] 所述当前翻页角度为折边与所述电子文档其中一条边界之间的夹角，该边界优选 的为包含有起始页面角顶点的边界。例如在图2中，当前翻页角度为折边EF与边界CD的 夹角，用α表示。
[0044] 所述当前翻页长度为折边与该边界上的交点与该边界的一个顶点之间的距离，该 边界与上述定义当前翻页角度的边界是同一个边界。例如在图2中，当前翻页长度可以是 折边EF与边界CD的交点F与顶点C之间的距离，也就是FC的长度。
[0045] 根据初始翻页点以及所述当前翻页点的坐标以及在步骤S11中所检测到的页面 边界，包括页面宽度PAGE_WIDTH和页面高度PAGE_HEIGHT等信息结合解析几何中的相关知 识就可以获得当前翻页角度α以及当前翻页的长度FC。
[0046] 步骤S13 :构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所述圆 柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所述圆 柱体模型或者所述另一个平面上。
[0047] 根据上述翻页点移动计算步骤S12计算得出的前翻页角度以及当前翻页长度后， 可以实现随着用户的手指在触控表面拖动页面的动作得到手指移动到相应位置时的二维 翻页效果。执行步骤S13可以进一步实现斜圆柱卷边的翻页效果。在本发明实施例中，主 要实现的是页面好像绕着一个斜放着的圆柱体模型进行卷边的翻页效果，也就是要将第三 区域对应的页面纹理贴在一个斜放着的圆柱体模型上。
[0048] 请参考图3,在图2的基础上，定义平行于边界⑶并且经过初始翻页点T0的直线 与折边EF的交点Η为第一中心点，可以以第一中心点为原点、边界CD所在的方向为X轴的 延伸方向、与边界CD相邻的边界DA或BC所在的方向为Y轴的延伸方向建立第一直角坐标 系。
[0049] 在该第一直角坐标系上构建圆柱体模型21以及与圆柱体模型相切的另一个平面 22,并且使所述圆柱体模型21与所述页面的切线与所述折边EF重合。优选的，平面22平 行于页面20。
[0050] 然后，将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另一个平面 上。具体的，在本发明的一种【具体实施方式】中，如图4所示，将所述第三区域对应的页面纹 理贴在所述圆柱体模型或者所述另一个平面上的步骤，可以包括：
[0051] 步骤S131 :根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐标， 计算在所述第一直角坐标系旋转为第二直角坐标系后各纹理顶点旋转后的坐标，其中，所 述折边在所述第二直角坐标系中的位置相对于所述折边在所述第一直角坐标系中的位置 旋转了（90-α)度，其中α表示当前翻页角度。
[0052] 于步骤S131中，第一直角坐标系以第一中心点Η为旋转点、绕Ζ轴顺时针旋转 (90-ci)度后，变为第二直角坐标系，其中，第二直角坐标系的原点仍然为第一中心点Η，第 二直角坐标系与所述第一直角坐标系中的X轴对应的轴为X'轴，第二直角坐标系与所述第 一直角坐标系中的Υ轴对应的轴为Υ'轴，第二直角坐标系与所述第一直角坐标系中的Ζ轴 对应的轴为Ζ'轴（与Ζ轴重合）。由于在第一直角坐标系中，圆柱体模型21与所述页面的 切线与所述折边EF重合，也就是说，圆柱体模型与边界CD的夹角为当前翻页角度α，又由 于第二直角坐标系相对于第一直角坐标系绕Η点顺时针旋转了（90-α )度，因此，圆柱体模 型21在第二直角坐标系中与Υ'轴是重合的，可以说在第二直角坐标系中圆柱体模型21被 "移正"了。
[0053] 第三区域对应的页面纹理，指的是第三区域也就是当前页面的翻起部分所对应的 纹理（包括颜色、图案），也就是图片。假设将该图片切分成多个n*m个小方块图，每个方块 图有4个顶点，这4个顶点就是纹理顶点；假设将该图片切分为多个三角形块图，每个三角 形块图有3个顶点，这3个顶点就是纹理顶点。可以理解的是，切分的块图面积越小，个数 越多（纹理顶点也越多），贴在圆柱体模型上的效果就越逼真，但是，纹理如何切分以及切 分为多少个块图都可以根据实际需要进行选择，本发明【具体实施方式】并不以此为限。
[0054] 根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐标以及三维旋 转公式可以计算出各纹理顶点旋转后的坐标。其中，三维旋转公式可参考下式 ：
[0055]

【权利要求】
1. 一种电子文档翻页效果实现方法，其特征在于，所述方法包括： 检测步骤，确定所述电子文档的页面边界，检测初始翻页点以及当前翻页点，根据所述 初始翻页点与所述当前翻页点确定页面的折边，所述折边将所述页面划分为第一区域及第 二区域，所述第二区域包括所述初始翻页点，所述第二区域相对于所述折边的轴对称区域 为第三区域； 翻页点移动计算步骤，根据所述初始翻页点以及所述当前翻页点的坐标计算当前翻页 角度以及当前翻页长度； 圆柱卷边计算步骤，构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所 述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所 述圆柱体模型或者所述另一个平面上；以及 检测下一翻页点，以下一翻页点作为当前翻页点重新确定所述页面的折边并且重复执 行所述翻页点移动计算步骤以及圆柱卷边计算步骤，直至翻页点消失。
2. 根据权利要求1所述的方法，其特征在于，所述将所述第三区域对应的页面纹理贴 在所述圆柱体模型或者所述另一个平面上的步骤，包括： 根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐标，计算在所述第一 直角坐标系旋转为第二直角坐标系后各纹理顶点旋转后的坐标，其中，所述折边在所述第 二直角坐标系中的位置相对于所述折边在所述第一直角坐标系中的位置旋转了（90-α) 度，其中α表示当前翻页角度； 根据各纹理顶点旋转后的坐标，计算将所述各纹理顶点映射在所述圆柱体模型或者与 所述圆柱体模型相切的另一个平面上之后所述各纹理顶点的坐标； 根据所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模型相切的另一个平 面上之后的坐标，计算在所述第二直角坐标系旋转为所述第一直角坐标系后，各纹理顶点 在所述第一直角坐标系的坐标；以及 根据映射在所述圆柱体模型或与所述圆柱体模型相切的平面上的各纹理顶点在所述 第一直角坐标系的坐标，将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另 一个平面上。
3. 根据权利要求2所述的方法，其特征在于，所述第一直角坐标系以第一中心点为原 点、页面其中一个边界所在的方向为X轴的延伸方向、与该边界相邻的另一边界所在的方 向为Υ轴的延伸方向、与页面垂直的方向为Ζ轴的延伸方向，所述第一中心点为平行于该边 界并且经过所述初始翻页点的直线与所述折边的交点。
4. 根据权利要求3所述的方法，其特征在于，所述根据各纹理顶点旋转后的坐标，计算 将所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模型相切的另一个平面上之 后所述各纹理顶点的坐标的步骤，包括： 判断所述各纹理顶点旋转后的X坐标的绝对值是否小于所述圆柱体模型的圆周长的 一半； 如果是，则根据所述纹理顶点旋转后的X坐标与所述圆柱体模型的圆周长的一半的比 值，计算所述纹理顶点坐标映射于所述圆柱体模型后的扭曲角度，根据所述扭曲角度以及 所述纹理顶点旋转后的坐标计算映射在所述圆柱体模型后的所述纹理顶点的坐标； 否则，根据所述纹理顶点旋转后的坐标计算映射在与所述圆柱体模型相切的平面后各 纹理顶点的坐标，所述与所述圆柱体模型相切的平面平行于所述页面。
5. 根据权利要求1所述的方法，其特征在于，所述当前翻页角度为所述折边与所述电 子文档其中一条边界之间的夹角，当前翻页长度为所述折边与该边界上的交点与该边界的 一个顶点之间的距离，以该边界所在方向为第一方向、与该边界垂直的方向为第二方向。
6. 根据权利要求5所述的方法，其特征在于，以所述初始翻页点与所述当前翻页点的 连线的中垂线为页面的折边，所述根据所述初始翻页点以及所述当前翻页点的坐标计算当 前翻页角度的步骤，包括： 根据所述初始翻页点以及所述当前翻页点的坐标，分别计算所述初始翻页点与所述当 前翻页点在第一方向以及第二方向上的距离； 计算所述初始翻页点与所述当前翻页点之间的距离；以及 根据所述初始翻页点与所述当前翻页点在第一方向上的距离与所述初始翻页点与所 述当前翻页点之间的距离的比值，获得所述当前翻页角度。
7. 根据权利要求6所述的方法，其特征在于，所述根据所述初始翻页点以及所述当前 翻页点的坐标计算当前翻页长度的步骤，包括： 根据所述初始翻页点在所述第一方向的坐标以及该边界的长度，计算所述当前翻页长 度的第一部分； 根据所述当前翻页角度、所述初始翻页点以及当前翻页点在所述第一方向的坐标计算 所述当前翻页长度的第二部分； 根据所述当前翻页角度、所述初始翻页点在所述第二方向的坐标计算所述当前翻页长 度的第三部分；以及 将所述第一部分、第二部分以及第三部分的值相加，获得所述当前翻页长度。
8. 根据权利要求5所述的方法，其特征在于，所述根据所述初始翻页点以及所述当前 翻页点的坐标计算当前翻页角度的步骤，包括： 根据所述初始翻页点的坐标确定所述初始翻页点的边界近似点； 根据所述初始翻页点的边界近似点以及所述当前翻页点的坐标，分别计算所述边界近 似点与所述当前翻页点在第一方向以及第二方向上的距离； 计算所述边界近似点与所述当前翻页点之间的距离；以及 根据所述边界近似点与所述当前翻页点在第一方向上的距离与所述边界近似点与所 述当前翻页点之间的距离的比值，获得所述当前翻页角度。
9. 根据权利要求8所述的方法，其特征在于，所述根据所述初始翻页点以及所述当前 翻页点的坐标计算当前翻页长度的步骤，包括： 根据所述当前翻页角度、所述边界近似点以及当前翻页点在所述第一方向的坐标计算 所述当前翻页长度的第一部分； 根据所述当前翻页角度、所述边界近似点在所述第二方向的坐标计算所述当前翻页长 度的第二部分；以及 将所述第一部分以及第二部分的值相加，获得所述当前翻页长度。
10. 根据权利要求1所述的方法，其特征在于，所述翻页点移动计算步骤与所述圆柱卷 边计算步骤之间，进一步包括： 增加黑背景以形成阴影，所述黑背景包括覆盖所述折边的渐进色条带以及位于所述第 三区域的渐进色块，覆盖所述折边的渐进色条带的颜色由所述折边开始向两侧由深变浅， 位于所述第三区域的渐进色块的颜色由所述第三区域的中心开始向周边由深变浅。
11. 一种电子文档翻页效果实现方法，其特征在于，所述方法包括： 检测步骤，确定所述电子文档的页面边界，检测翻页触发点，根据预设的起始翻页角 度、预设的起始翻页长度以及所述翻页触发点的位置确定页面折边的起始位置，所述折边 将所述页面划分为第一区域及第二区域，所述第二区域相对于所述折边的轴对称区域为第 三区域； 圆柱卷边计算步骤，构建圆柱体模型以及与所述圆柱体模型相切的另一个平面，使所 述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴在所 述圆柱体模型或者所述另一个平面上； 动画显示步骤，将贴在所述圆柱体模型或者与圆柱体模型相切的另一个平面上的页面 纹理作为当前页面的翻起部分进行显示；以及 根据预设的翻页变化长度、预设的起始翻页角度以及当前页面的翻页角度，确定下一 帧动画的折边位置，重复所述圆柱卷边计算步骤以及所述动画显示步骤，直至当前翻页角 度达到预设的最大翻页角度。
12. 根据权利要求11所述的方法，其特征在于，所述将所述第三区域对应的页面纹理 贴在所述圆柱体模型或者所述另一个平面上的步骤，包括： 根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐标，计算在所述第一 直角坐标系旋转为第二直角坐标系后各纹理顶点旋转后的坐标，其中，所述折边在所述第 二直角坐标系中的位置相对于所述折边在所述第一直角坐标系中的位置旋转了（90- α ) 度，其中α表示当前页面的翻页角度； 根据各纹理顶点旋转后的坐标，计算将所述各纹理顶点映射在所述圆柱体模型或者与 所述圆柱体模型相切的另一个平面上之后所述各纹理顶点的坐标； 根据所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模型相切的另一个平 面上之后的坐标，计算在所述第二直角坐标系旋转为所述第一直角坐标系后，各纹理顶点 在所述第一直角坐标系的坐标；以及 根据映射在所述圆柱体模型或与所述圆柱体模型相切的平面上的各纹理顶点在所述 第一直角坐标系的坐标，将所述第三区域对应的页面纹理贴在所述圆柱体模型或者所述另 一个平面上。
13. 根据权利要求12所述的方法，其特征在于，所述第一直角坐标系以第一中心点为 原点、页面其中一个边界所在的方向为X轴的延伸方向、与该边界相邻的另一边界所在的 方向为Υ轴的延伸方向、与页面垂直的方向为Ζ轴的延伸方向，所述第一中心点为平行于该 边界并且经过所述翻页触发点的直线与所述折边的交点。
14. 根据权利要求13所述的方法，其特征在于，所述根据各纹理顶点旋转后的坐标，计 算将所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模型相切的另一个平面上 之后所述各纹理顶点的坐标的步骤，包括： 判断所述各纹理顶点旋转后的X坐标的绝对值是否小于所述圆柱体模型的圆周长的 一半； 如果是，则根据所述纹理顶点旋转后的X坐标与所述圆柱体模型的圆周长的一半的比 值，计算所述纹理顶点坐标映射于所述圆柱体模型后的扭曲角度，根据所述扭曲角度以及 所述纹理顶点旋转后的坐标计算映射在所述圆柱体模型后的所述纹理顶点的坐标； 否则，根据所述纹理顶点旋转后的坐标计算映射在与所述圆柱体模型相切的平面后各 纹理顶点的坐标，所述与所述圆柱体模型相切的平面平行于所述页面。
15. 根据权利要求11所述的方法，其特征在于，所述预设的起始翻页角度为45度。
16. 根据权利要求11所述的方法，其特征在于，所述检测步骤与所述圆柱卷边计算步 骤之间，进一步包括： 增加黑背景以形成阴影，所述黑背景包括覆盖所述折边的渐进色条带以及位于所述第 三区域的渐进色块，覆盖所述折边的渐进色条带的颜色由所述折边开始向两侧由深变浅， 位于所述第三区域的渐进色块的颜色由所述第三区域的中心开始向周边由深变浅。
17. -种电子文档翻页效果实现装置，其特征在于，所述装置包括： 检测模块，用于确定所述电子文档的页面边界，检测初始翻页点以及当前翻页点，根据 所述初始翻页点与所述当前翻页点确定页面的折边，所述折边将所述页面划分为第一区域 及第二区域，所述第二区域包括所述初始翻页点，所述第二区域相对于所述折边的轴对称 区域为第三区域； 翻页点移动计算模块，用于根据所述初始翻页点以及所述当前翻页点的坐标计算当前 翻页角度以及当前翻页长度；以及 圆柱卷边计算模块，用于构建圆柱体模型以及与所述圆柱体模型相切的另一个平面， 使所述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴 在所述圆柱体模型或者所述另一个平面上。
18. 根据权利要求17所述的装置，其特征在于，所述圆柱卷边计算模块，包括： 第一计算单元，用于根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐 标，计算在所述第一直角坐标系旋转为第二直角坐标系后各纹理顶点旋转后的坐标，其中， 所述折边在所述第二直角坐标系中的位置相对于所述折边在所述第一直角坐标系中的位 置旋转了（90-α)度，其中α表示当前翻页角度； 第二计算单元，用于根据各纹理顶点旋转后的坐标，计算将所述各纹理顶点映射在所 述圆柱体模型或者与所述圆柱体模型相切的另一个平面上之后所述各纹理顶点的坐标； 第三计算单元，用于根据所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模 型相切的另一个平面上之后的坐标，计算在所述第二直角坐标系旋转为所述第一直角坐标 系后，各纹理顶点在所述第一直角坐标系的坐标；以及 贴纹理单元，用于根据映射在所述圆柱体模型或与所述圆柱体模型相切的平面上的各 纹理顶点在所述第一直角坐标系的坐标，将所述第三区域对应的页面纹理贴在所述圆柱体 模型或者所述另一个平面上。
19. 根据权利要求18所述的装置，其特征在于，所述第一直角坐标系以第一中心点为 原点、页面其中一个边界所在的方向为X轴的延伸方向、与该边界相邻的另一边界所在的 方向为Υ轴的延伸方向、与页面垂直的方向为Ζ轴的延伸方向，所述第一中心点为平行于该 边界并且经过所述初始翻页点的直线与所述折边的交点。
20. 根据权利要求19所述的装置，其特征在于，所述第二计算单元，包括：判断子单元、 第一计算子单元以及第二计算子单元， 所述判断子单元，用于判断所述各纹理顶点旋转后的X坐标的绝对值是否小于所述圆 柱体模型的圆周长的一半； 如果是，则所述第一计算子单元根据各纹理顶点旋转后的X坐标与所述圆柱体模型的 圆周长的一半的比值，计算所述纹理顶点坐标映射于所述圆柱体模型后的扭曲角度，根据 所述扭曲角度以及所述纹理顶点旋转后的坐标计算映射在所述圆柱体模型后的所述纹理 顶点的坐标； 否则，所述第二计算子单元根据所述纹理顶点旋转后的坐标计算映射在与所述圆柱 体模型相切的平面后各纹理顶点的坐标，所述与所述圆柱体模型相切的平面平行于所述页 面。
21. 根据权利要求17所述的装置，其特征在于，所述当前翻页角度为所述折边与所述 电子文档其中一条边界之间的夹角，当前翻页长度为所述折边与该边界上的交点与该边界 的一个顶点之间的距离，以该边界所在方向为第一方向、与该边界垂直的方向为第二方向。
22. 根据权利要求21所述的装置，其特征在于，以所述初始翻页点与所述当前翻页点 的连线的中垂线为页面的折边，所述翻页点移动计算模块包括第一当前翻页角度计算单 元，所述第一当前翻页角度计算单元用于： 根据所述初始翻页点以及所述当前翻页点的坐标，分别计算所述初始翻页点与所述当 前翻页点在第一方向以及第二方向上的距离； 计算所述初始翻页点与所述当前翻页点之间的距离；以及 根据所述初始翻页点与所述当前翻页点在第一方向上的距离与所述初始翻页点与所 述当前翻页点之间的距离的比值，获得所述当前翻页角度。
23. 根据权利要求22所述的装置，其特征在于，所述翻页点移动计算模块包括第一当 前翻页长度计算单元，所述第一当前翻页长度计算单元用于： 根据所述初始翻页点在所述第一方向的坐标以及该边界的长度，计算所述当前翻页长 度的第一部分； 根据所述当前翻页角度、所述初始翻页点以及当前翻页点在所述第一方向的坐标计算 所述当前翻页长度的第二部分； 根据所述当前翻页角度、所述初始翻页点在所述第二方向的坐标计算所述当前翻页长 度的第三部分；以及 将所述第一部分、第二部分以及第三部分的值相加，获得所述当前翻页长度。
24. 根据权利要求19所述的装置，其特征在于，所述翻页点移动计算模块包括第二当 前翻页角度计算单元，所述第二当前翻页角度计算单元用于： 根据所述初始翻页点的坐标确定所述初始翻页点的边界近似点； 根据所述初始翻页点的边界近似点以及所述当前翻页点的坐标，分别计算所述边界近 似点与所述当前翻页点在第一方向以及第二方向上的距离； 计算所述边界近似点与所述当前翻页点之间的距离；以及 根据所述边界近似点与所述当前翻页点在第一方向上的距离与所述边界近似点与所 述当前翻页点之间的距离的比值，获得所述当前翻页角度。
25. 根据权利要求24所述的装置，其特征在于，所述翻页点移动计算模块包括第二当 前翻页长度计算单元，所述第二当前翻页长度计算单元用于： 根据所述当前翻页角度、所述边界近似点以及当前翻页点在所述第一方向的坐标计算 所述当前翻页长度的第一部分； 根据所述当前翻页角度、所述边界近似点在所述第二方向的坐标计算所述当前翻页长 度的第二部分；以及 将所述第一部分以及第二部分的值相加，获得所述当前翻页长度。
26. 根据权利要求17所述的装置，其特征在于，所述装置进一步包括： 阴影模块，用于增加黑背景以形成阴影，所述黑背景包括覆盖所述折边的渐进色条带 以及位于所述第三区域的渐进色块，覆盖所述折边的渐进色条带的颜色由所述折边开始向 两侧由深变浅，位于所述第三区域的渐进色块的颜色由所述第三区域的中心开始向周边由 深变浅。
27. -种电子文档翻页效果实现装置，其特征在于，所述装置包括： 检测模块，用于确定所述电子文档的页面边界，检测翻页触发点，根据预设的起始翻页 角度、预设的起始翻页长度以及所述翻页触发点的位置确定页面折边的起始位置，所述折 边将所述页面划分为第一区域及第二区域，所述第二区域相对于所述折边的轴对称区域为 第三区域； 圆柱卷边计算模块，用于构建圆柱体模型以及与所述圆柱体模型相切的另一个平面， 使所述圆柱体模型与所述页面的切线与所述折边重合，将所述第三区域对应的页面纹理贴 在所述圆柱体模型或者所述另一个平面上；以及 动画显示模块，用于将贴在所述圆柱体模型上的页面纹理做为当前页面的翻起部分进 行显示。
28. 根据权利要求27所述的装置，其特征在于，所述圆柱卷边计算模块，包括： 第一计算单元，用于根据所述第三区域对应的页面纹理顶点在第一直角坐标系内的坐 标，计算在所述第一直角坐标系旋转为第二直角坐标系后各纹理顶点旋转后的坐标，其中， 所述折边在所述第二直角坐标系中的位置相对于所述折边在所述第一直角坐标系中的位 置旋转了（90-ci)度，其中α表示当前页面的翻页角度； 第二计算单元，用于根据各纹理顶点旋转后的坐标，计算将所述各纹理顶点映射在所 述圆柱体模型或者与所述圆柱体模型相切的另一个平面上之后所述各纹理顶点的坐标； 第三计算单元，用于根据所述各纹理顶点映射在所述圆柱体模型或者与所述圆柱体模 型相切的另一个平面上之后的坐标，计算在所述第二直角坐标系旋转为所述第一直角坐标 系后，各纹理顶点在所述第一直角坐标系的坐标；以及 贴纹理单元，用于根据映射在所述圆柱体模型或与所述圆柱体模型相切的平面上的各 纹理顶点在所述第一直角坐标系的坐标，将所述第三区域对应的页面纹理贴在所述圆柱体 模型或者所述另一个平面上。
29. 根据权利要求28所述的装置，其特征在于，所述第一直角坐标系以第一中心点为 原点、页面其中一个边界所在的方向为X轴的延伸方向、与该边界相邻的另一边界所在的 方向为Υ轴的延伸方向、与页面垂直的方向为Ζ轴的延伸方向，所述第一中心点为平行于该 边界并且经过所述翻页触发点的直线与所述折边的交点。
30. 根据权利要求29所述的装置，其特征在于，所述第二计算单元，包括：判断子单元、 第一计算子单元以及第二计算子单元， 所述判断子单元，用于判断所述各纹理顶点旋转后的X坐标的绝对值是否小于所述圆 柱体模型的圆周长的一半； 如果是，则所述第一计算子单元根据各纹理顶点旋转后的X坐标与所述圆柱体模型的 圆周长的一半的比值，计算所述纹理顶点坐标映射于所述圆柱体模型后的扭曲角度，根据 所述扭曲角度以及所述纹理顶点旋转后的坐标计算映射在所述圆柱体模型后的所述纹理 顶点的坐标； 否则，所述第二计算子单元根据所述纹理顶点旋转后的坐标计算映射在与所述圆柱 体模型相切的平面后各纹理顶点的坐标，所述与所述圆柱体模型相切的平面平行于所述页 面。
31. 根据权利要求27所述的装置，其特征在于，所述预设的起始翻页角度为45度。
32. 根据权利要求27所述的装置，其特征在于，所述装置进一步包括： 阴影模块，用于增加黑背景以形成阴影，所述黑背景包括覆盖所述折边的渐进色条带 以及位于所述第三区域的渐进色块，覆盖所述折边的渐进色条带的颜色由所述折边开始向 两侧由深变浅，位于所述第三区域的渐进色块的颜色由所述第三区域的中心开始向周边由 深变浅。
【文档编号】G06F3/0483GK104156144SQ201310176219
【公开日】2014年11月19日 申请日期:2013年5月14日 优先权日:2013年5月14日
【发明者】张颖峰 申请人:腾讯科技（深圳）有限公司