CN109684489A - 一种点歌系统的界面显示方法及存储介质 - Google Patents

Abstract

本发明涉及数字娱乐领域，提供了一种点歌系统的界面显示方法及存储介质，所述点歌系统的界面显示方法包括步骤：预设画册模型，所述画册模型具有两页以上柔性页面；获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上；所述画册模型翻页，使下一页面上的多媒体资源显示于显示界面。上述技术方案预设有画册模组，所述画册模型具有两页以上的柔性页面，所要显示的多媒体资源插入至页面上，并通过翻页的方式实现不同页面上的不同多媒体资源的切换显示；并且所述页面为柔性页面，在翻页时可模拟真实页面的翻页效果，从而达到更为逼真的多媒体资源显示效果，有效解决了现有技术中点歌系统界面中多媒体资源切换显示效果单一的问题。

Description

一种点歌系统的界面显示方法及存储介质

技术领域

本发明涉及数字娱乐领域，特别是涉及一种点歌系统的界面显示方法及存储介质。

背景技术

在KTV等数字娱乐场所中，点歌系统除了播放点唱歌曲的音频之外(包括歌曲MV)，还可播放一些如生日聚会、同学聚会等不同主题的主题MV。在这些主题MV中可以播放一些与主题相关的照片，现有技术中，这些照片是2D照片，并且是通过移动、旋转、缩放动作的组合实现不同照片的切换，因此使照片切换显示效果单一。现有技术中还可通过视频编辑软件将多张照片渲染成视频进行播放，然而这种方式只能播放预先制作好的视频，无法在视频中实时播放特定的照片或增减照片，所播放的照片往往与用户无关，往往与活动的氛围不协调，缺乏趣味性。

发明内容

为此，需要提供一种点歌系统的界面显示方法，用于解决现有点歌系统界面中图像切换显示效果单一的技术问题。

为实现上述目的，发明人提供了一种点歌系统的界面显示方法，包括以下步骤：

预设画册模型，所述画册模型具有两页以上层叠设置的页面；

获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上；

所述画册模型翻页，使下一页面上的多媒体资源显示于显示界面。

进一步的，所述页面为具有厚度的立体页面；

当前所述页面显示多媒体资源和厚度，非当前页面仅显示厚度。

进一步的，所述页面在翻页时绕翻页轴旋转，并且在翻页过程中所述页面由平面扭转成曲面，再由曲面展开成平面。

进一步的，所述页面为柔性页面，所述页面划分为多个网格单元，每个网格单元包括三个以上的顶点，所述网格单元可为下列中的一种：三角形网格、四边形网格或多边形网格；

在所述页面翻页时，通过至少一个所述网格单元的空间位置变化带动相邻的网格单元空间位置变化，使所述页面由平面扭转成曲面，再由曲面展开成平面。

进一步的，所述页面的正面和背面均显示有多媒体资源；

在翻页过程中，前一页面背面的多媒体资源和所述当前翻动页面正面的多媒体资源逐渐被当前翻动页面遮挡，后一页面正面的多媒体资源和当前翻动页面背面的多媒体资源逐渐展开。

进一步的，还包括步骤：

预设至少四个虚拟摄像机，所述四个虚拟摄像机分别用于所述前一页面的背面的多媒体资源、当前翻动页面正面的多媒体资源、当前翻动页面背面的多媒体资源以及后一页面正面的多媒体资源，这四个多媒体资源的实时渲染，使所述前一页面背面的多媒体资源、所述当前翻动页面正面和背面的多媒体资源以及后一页面正面的多媒体资源随当前翻动页面翻动而变化。

进一步的，在翻页过程中，当前翻动页面在前一页面或后一页面上投射有阴影，所述阴影的大小和位置随所述当前翻动页面的翻转而变化。

进一步的，所述显示界面至少包括背景图层、中间图层和前景图层，所述画册模型位于所述中间图层；

所述前景图层为具有显示元素的透明图层，所述背景图层、中间图层和前景图层分别渲染并前后叠加显示。

进一步的，所述多媒体资源为图像、视频、动画、或文本中的任意一种；

所述“获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上”包括以下步骤：

与外部设备建立通信连接；

接收所述外部设备发送的一个以上的多媒体资源；

将多媒体资源渲染至纹理，得到纹理图像；

将所述纹理图像贴于所述页面上，使所述纹理图像显示于所述页面上。

为解决上述技术问题，本发明还提供了中一技术方案：

一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如以上任一项技术方案所述的步骤。

区别于现有技术，上述技术方案预设有画册模组，所述画册模型具有两页以上的柔性页面，所要显示的多媒体资源插入至页面上，并通过翻页的方式实现不同页面上的不同多媒体资源的切换显示；并且所述页面为柔性页面，在翻页时可模拟真实页面的翻页效果，从而达到更为逼真的多媒体资源显示效果，有效解决了现有技术中点歌系统界面中多媒体资源切换显示效果单一的问题。

附图说明

图1为具体实施方式所述点歌系统的界面显示方法的流程图；

图2为具体实施方式所述点歌系统的显示界面的示意图；

图3为具体实施方式所述画册模型翻页时的示意图；

图4为具体实施方式所述画册模型翻页时的示意图；

图5为具体实施方式所述页面上所述网格单元的示意图；

图6为具体实施方式具有长宽高的立体页面的示意图；

图7为具体实施方式所述立体页面翻页时在厚度方向上的示意图；

具体实施方式

为详细说明技术方案的技术内容、构造特征、所实现目的及效果，以下结合具体实施例并配合附图详予说明。

请参阅图1至图7，本实施例提供了一种点歌系统的界面显示方法。

如图1所示，为所述点歌系统的界面显示方法的流程图。所述点歌系统的界面显示方法包括以下步骤：

S101、预设画册模型，所述画册模型具有两页以上层叠设置的页面；

S102、获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上；

S103、所述画册模型翻页，使下一页面上的多媒体资源显示于显示界面。

在所述步骤S101中，所述画册模型可以是相册、记念册、书本等形式显示。所述画册模型具有两页以上的页面，所述页面是上下层叠设置的，并且可绕页翻页轴(即书脊)由当前页上翻至上一页面或下翻至下一页面。其中，所述页面是可以扭转的柔性页面，因此，在页面翻页时，所述页面并非为平整的平面，而是可扭转成曲面，从而可模仿真实纸质页面翻页时的显示效果。

在所述步骤S102中，所述多媒体资源为图像、视频、动画、或文本中的任意一种，其中所述多媒体资源中的图像在内容上可以是人物照片、景色照片或其他内容的图片图像，在类型上可以为静态图像、视频图像或动画图像中的任意一种。所述多媒体资源可以是点歌系统中本地已存储的多媒体资源，也可以是从网络上实时下载的多媒体资源，或者是从用户的外部设备发送的多媒体资源。其中，所获取的多媒体资源可以一个或多个，所获取的多媒体资源插入至不同的页面上。

所述多媒体资源插入至所述画册模型的页面上后，所述多媒体资源可显示于所述页面表面上，并且当所述页面翻页而扭动时，所述多媒体资源也随页面相应的扭动(即与真实页面一样，当真实页面扭动时，其上的打印内容也随页面扭动)。

在所述步骤S103中，在显示界面中所述画册模型当前页面翻到另一页面，其中，所述翻页可以是由当前页面上翻或下翻至另一页面，也可以是由封面翻到任意一页面。在所述画册模型由当前页面翻转至另一页面时，当前页面上的多媒体资源会被遮盖，而另一页面上的多媒体资源则显示于显示界面上，从而实现不同多媒体资源之间的切换显示。并且由于所述页面是在翻页时可扭动的柔性页面，因此在所述页面翻页时，所述页面会发生扭动，并且其上的多媒体资源也随之一起扭动，从而达到更为逼真的立体显示效果。

其中，在不同实施方式中，所述多媒体资源可以是点歌系统本地数据库存储的多媒体资源，即用户可在所述点歌系统的数据库中选择多媒体资源，然后将这些多媒体资源插入到画册模型的页面中，在画册模型翻页时，实现不同多媒体资源之间的切换显示。

在另一些实施方式中，所述多媒体资源可以为外部设备上的存储的多媒体资源，即用户可将外部设备上的多媒体资源发送给点歌系统上进行显示。所述多媒体资源为图像、视频、动画、或文本中的任意一种，其中，所述外部设备可以为手机、平板电脑、笔记本电脑等能够存储数据并且具有数据发送功能的设备。具体的，其包括以下步骤：

点歌系统与外部设备建立通信连接；

所述外部设备将用户所选的多媒体资源发送给点歌系统；

点歌系统接收所述外部设备发送的多媒体资源；

并将所述多媒体资源插入至画册模型的页面上进行显示。

其中，所述通信连接可以是通过USB数据线、串口线等有线连接，或通过WIFI、蓝牙、NFC等无线连接。由于现有的智能手机、平板电脑等外部设备都具有很强的功能，并且通常会存储有大量的多媒体资源的素材，用户可根据自己的需要选择多媒体资源的素材上传给点歌系统，由点歌系统插入至画册模型中进行显示，从而使显示界面所显示的内容与主题以及用户个人更为贴切。

在一些实施方式中，所述多媒体资源可通过纹理贴图的方式插入至所述页面上进行显示。其中，需要先将所述多媒体资源渲染至纹理，得到纹理图像；然后再将所述纹理图像贴于所述页面上，使所述纹理图像显示于所述页面上。通过纹理贴图方式，可以在所述页面上插入视频、动画等动态多媒体资源，扩大页面所能显示的多媒体资源的类型，使显示界面显示内容和形式更为丰富。

考虑到画册模型中有多张页面，而在非翻页状态时，最多只能显示两页页面上的多媒体资源。因此为了使所述画册模组具有更好的立体显示效果，在一实施方式中，所述页面为具有一定厚度的立体页面，其中，页面的长度和宽度远大于页面的厚度。在显示所述画册模型时，显示当前页面上的多媒体资源，而非当前页面则只显示页面厚度，因此所呈现出的画册模型为更为逼真的立体模型。需要说明的是，所述当前页面是指在当前处于打开状态的页面，其上的多媒体资源是可以看的见；而所述非当前页面是指被当前页面覆盖的其他页面，其上的多媒体资源是非可见的。

在一些实施方式中，为了突出显示所述页面中的多媒体资源，还可在所述页面的周围(即所述多媒体资源的周围)设置边框。所述边框可以是以相框、彩带等装饰件。其中，仅在当前页面中的所述边框为可见的，非当前页面的边框是被当前页面覆盖而不可见。

考虑到所述画册中页面翻页时的形态变化，使其更接进真实纸质页面翻页的视觉效果。在一实施方式中，如图2至图4所示，所述画册模型的页面在翻页前是呈平整页面(大致是平面)；而在页面翻页时，所述页面绕翻页轴旋转(即翻页)，并且在翻页过程中所述页面由平面扭转成曲面；而当该页面翻过与其他页面贴合时，又由曲面展开成为平面。在这个翻页过程中，可充分的展示出所述页面的柔韧性，以及所述页面在翻页过程中受到的重力、其他页面支持力等作用力，而呈现出的页面形态变化，从而达到更为真空的翻页效果。

由于每张页面均具有正面与背面两个表面，因此在一些实施方式中，可以在所述页面的正面与背面均显示有多媒体资源，而在另一些实施方式中，也可仅在所述页面的正面或背面显示有多媒体资源，或者一些页面的正面与背面均显示有多媒体资源，而另一些页面仅在正面或背面显示有多媒体资源。

如图2至图4所示，在一些实施方式中，在所述画册页面的正面与背面均插入有多媒体资源，由于所述页面为柔性页面，在翻页时会形成曲面，因此为使翻页时的显示更符合真实页面的翻页效果，在页面翻页时，相关页面上显示的多媒体资源也随翻动的当前翻动页面的变化而变化。具体的，由于显示界面中，所述画册模型的视角是不变的，在当前翻动页面翻动时，该页面的空间位置发生变化，并且页面的形态也发生变化(即变为曲面)。因此，在翻页过程中，当前翻动页面的前一页面与后一页面的变遮挡的面积也不断变化，从而导致翻动的当前翻动页面以及该当前翻动页面的前一页面与后一页面上所显示的多媒体资源也相当的变化。其中，前一页面背面的多媒体资源和所述当前翻动页面正面的多媒体资源在翻页过程中逐渐被当前翻动页面遮挡，而后一页面正面的多媒体资源和当前翻动页面背面的多媒体资源逐渐展开。

由于在翻页过程中，显示界面的画册模型上最多需要同时显示4个多媒体资源，即当前翻动页面正面与背面的多媒体资源，前一页面背面的多媒体资源以及后一页面正面的多媒体资源(在非翻页状态下仅显示两个多媒体资源)。因此在一实施方式中，预设了至少四个虚拟摄像机分别对应不同的多媒体资源进行渲染。其中，所述四个虚拟摄像机分别用于所述前一页面的背面的多媒体资源、当前翻动页面正面的多媒体资源、当前翻动页面背面的多媒体资源以及后一页面正面的多媒体资源，这四个多媒体资源的实时渲染，使所述前一页面背面的多媒体资源、所述当前翻动页面正面和背面的多媒体资源以及后一页面正面的多媒体资源随当前翻动页面翻动而变化。

通过多个所述虚拟摄像机对不同的多媒体资源进行渲染，使各多媒体资源能够独立渲染，从而可根据页面翻动至不同位置以及呈现不同形态时，使各相关页面上的多媒体资源能够进行相当的变化，从而呈现出真实立体页面翻页的效果。

并且通过所述虚拟摄像机可实现对多媒体资源实时渲染，可以在所述页面上播放视频、动画等动态多媒体资源，从而使界面显示的内容更为丰富。

如图2至图4所示，在一实施方式中，为使画册模型在翻页时具有更为真实的空间立体感，还在翻页过程中，在当前翻动页面在前一页面或后一页面上投射有阴影，所述阴影的大小和位置随所述当前翻动页面的翻转而变化。其中，为实现阴影效果，可在立体空间的某一位置预设一虚假光源，该虚拟光源可以是位于画册模型的侧上方，当页面翻动时，该页面在竖直方向上竖直起来，因此使虚拟光源的部分光线被遮挡，在前一页面或后一页面上投射有阴影。而当在该当前翻动页面翻动过程中，其位置不断发生变化，从而使其所投下的阴影也随之变化。

如图2至图4所示，考虑到显示界面的界面布局和显示效果，在一些实施方式中，可将所述画册模型放置于显示界面的中部，并占界面的大部分面积，并且在所述画册模型的周围可以设置一些场景图像，该场景图像可以为风景图像或具有窗户、桌子、摄像机等不同元素的场景。

为使整个显示界面具有立体显示效果，在一些实施方式中，可将所述显示界面设置于至少包括背景图层、中间图层和前景图层的立体显示界面。其中，背景图层、中间图层和前景图层位于位于3D坐标的不同纵深位置，并且所述场景图像可以位于所述背景图层，而所述画册模型则位于所述中间图层，而所述前景图层可以为具有显示元素的透明图层。各图层可分别渲染，然后再进行叠加，其中，所述画册模型可将所述背景图层部分覆盖，而所述前景图层为透明图层，因此仅会在所述画册模型上或周围显示一些显示元素。这些显示元素可以为点歌系统中所点歌歌曲的歌词，也可以为一些起装饰作用的装饰元素。由于所述前景图层为透明图层，其还可以作为特效层，在该前景图层上可用于增加粒子特效显示或3D动画显示等。由于所述画册模型与所述场景图像位于不同纵深的图层，从而使显示界面更具有3D效果，并且所述画册模型悬浮于所述场景图像中，使其在视觉上具有很强的景深效果。

为使所述页面具有柔韧性，可在翻页过程扭转，呈现曲面、平面等不同的页面形态。如图5所示，在一实施方式中，所述页面划分为多个网格单元，每个网格单元包括三个以上的顶点，所述网格单元可为下列中的一种：三角形网格、四边形网格或多边形网格；在所述页面翻页时，通过至少一个所述网格单元的空间位置变化带动相邻的网格单元空间位置变化，使所述页面由平面扭转成曲面，再由曲面展开成平面。

本实施例中，将所述页面划分为多个网格单元，并通过网格单元的空间位置变形实现所述页面形态的变化。其中，每个网格单元具有三个以上的顶点，所述网格单元可以为三角形网格、四边形网格或多边形网格(如图5所示，所述网格单元为三角形网格)。所述网格单元的顶点空间位置与相邻网格单元的顶点空间位置呈三角函数关系，如图5所示，各顶点连线形成三角形网格单元，其中，各顶点的空间位置由与之相连接的其他顶点决定。因此，使页面中任何一网格单元的空间位置受相邻网格单元的空间位置的影响，从而使页面在翻页过程中呈现柔性特征，在翻页过程中相邻网格单元的顶点空间位置关系通过预设动画实现。如图5所示，为了更逼真的模拟页面的翻页效果，可以设置所述三角形网格单元由页面的翻页轴线向页面宽度方向逐渐增大，因此当翻页时，越靠近翻页轴线处的页面弯曲的弧度也相应的增大，使其在翻页过程实现图7所示的页面效果，该过程可通过预设动画实现。

在所述页面翻页时，可选页面中任意一网格单元为翻页受力点(即纸质页面翻页时，手所接触位置)，该受力点通常可选为页面边角处，并且该网格单元在翻页力的作用下其空间位置发生变化。并且通过以上所述的相邻网格单元的顶点空间位置关系，带动相邻的网格单元空间位置也随之发生变化，从而使所述页面由平面扭转成曲面。而当所述页面翻过一定角度并与画册中的其他页面接触时，所接触的网格单元的空间位置受其他页面约束，从而使所述页面又逐渐由曲面展开变成平面状态。翻页时，可针对不同的页面预设不同的翻页受力点或翻页速度，使每一页面翻页时所呈现出的页面形态都是不同的，从而使显示界面的显示效果更为丰富。

在另一实施方式中提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现点歌系统界面显示步骤，如图1所示，为所述点歌系统的界面显示方法的流程图。所述点歌系统的界面显示方法包括以下步骤：

S101、预设画册模型，所述画册模型具有两页以上层叠设置的页面，所述页面为可扭动的柔性页面；

S102、获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上；

S103、所述画册模型翻页，使下一页面上的多媒体资源显示于显示界面。

在所述步骤S101中，所述画册模型可以是相册、记念册、书本等形式显示。所述画册模型具有两页以上的页面，所述页面是上下层叠设置的，并且可绕页翻页轴(即书脊)由当前页上翻至上一页面或下翻至下一页面。其中，所述页面是可以扭转的柔性页面，因此，在页面翻页时，所述页面并非为平整的平面，而是可扭转成曲面，从而可模仿真实纸质页面翻页时的显示效果。

在所述步骤S102中，所述多媒体资源为图像、视频、动画、或文本中的任意一种，其中所述图像在内容上可以是人物照片、景色照片或其他内容的图片图像，在类型上可以为静态图像、视频图像或动画图像中的任意一种。所述多媒体资源可以是点歌系统中本地已存储的多媒体资源，也可以是从网络上实时下载的多媒体资源，或者是从用户的外部设备发送的多媒体资源。其中，所获取的多媒体资源可以一个或多个，所获取的多媒体资源插入至不同的页面上。

所述多媒体资源插入至所述画册模型的页面上后，所述多媒体资源可显示于所述页面表面上，并且当所述页面翻页而扭动时，所述多媒体资源也随页面相应的扭动(即与真实页面一样，当真实页面扭动时，其上的打印内容也随页面扭动)。

在所述步骤S103中，在显示界面中所述画册模型当前翻动页面翻到另一页面，其中，所述翻页可以是由当前翻动页面上翻或下翻至另一页面，也可以是由封面翻到任意一页面。在所述画册模型由当前翻动页面翻转至另一页面时，当前翻动页面上的多媒体资源会被遮盖，而另一页面上的多媒体资源则显示于显示界面上，从而实现不同多媒体资源之间的切换显示。并且由于所述页面是在翻页时可扭动的柔性页面，因此在所述页面翻页时，所述页面会发生扭动，并且其上的多媒体资源也随之一起扭动，从而达到更为逼真的立体显示效果。

其中，在不同实施方式中，所述多媒体资源可以是点歌系统本地数据库存储的多媒体资源，即用户可在所述点歌系统的数据库中选择多媒体资源，然后将这些多媒体资源插入到画册模型的页面中，在画册模型翻页时，实现不同多媒体资源之间的切换显示。

在另一些实施方式中，所述多媒体资源可以为外部设备上的存储的多媒体资源，即用户可将外部设备上的多媒体资源发送给点歌系统上进行显示。其中，所述外部设备可以为手机、平板电脑、笔记本电脑等能够存储数据并且具有数据发送功能的设备。具体的，其包括以下步骤：

点歌系统与外部设备建立通信连接；

所述外部设备将用户所选的多媒体资源发送给点歌系统；

点歌系统接收所述外部设备发送的多媒体资源；

并将所述多媒体资源插入至画册模型的页面上进行显示。

其中，所述通信连接可以是通过USB数据线、串口线等有线连接，或通过WIFI、蓝牙、NFC等无线连接。由于现有的智能手机、平板电脑等外部设备都具有很强的功能，并且通常会存储有大量的多媒体资源的素材，用户可根据自己的需要选择多媒体资源的素材上传给点歌系统，由点歌系统插入至画册模型中进行显示，从而使显示界面所显示的内容与主题以及用户个人更为贴切。

在一些实施方式中，所述多媒体资源可通过纹理贴图的方式插入至所述页面上进行显示。其中，需要先将所述多媒体资源渲染至纹理，得到纹理多媒体资源；然后再将所述纹理多媒体资源贴于所述页面上，使所述纹理多媒体资源显示于所述页面上。通过纹理贴图方式，可以在所述页面上插入视频、动画等动态多媒体资源，扩大页面所能显示的多媒体资源类型，使显示界面显示内容和形式更为丰富。

考虑到画册模型中有多张页面，而在非翻页状态时，最多只能显示两页页面上的多媒体资源。因此为了使所述画册模组具有更好的立体显示效果，在一实施方式中，所述页面为具有一定厚度的立体页面，其中，页面的长度和宽度远大于页面的厚度。在显示所述画册模型时，显示当前翻动页面上的图像，而非当前翻动页面则只显示页面厚度，因此所呈现出的画册模型为更为逼真的立体模型。需要说明的是，所述当前翻动页面是指在当前处于打开状态的页面，其上的多媒体资源是可以看的见；而所述非当前翻动页面是指被当前翻动页面覆盖的其他页面，其上的多媒体资源是不可见的。

在一些实施方式中，为了突出显示所述页面中的多媒体资源，还可在所述页面的周围(即所述图像的周围)设置边框。所述边框可以是以相框、彩带等装饰件。其中，仅在当前翻动页面中的所述边框为可见的，非当前翻动页面的边框是被当前翻动页面覆盖而不可见。

考虑到所述画册中页面翻页时的形态变化，使其更接进真实纸质页面翻页的视觉效果。在一实施方式中，如图2至图4所示，所述画册模型的页面在翻页前是呈平整页面(大致是平面)；而在页面翻页时，所述页面绕翻页轴旋转(即翻页)，并且在翻页过程中所述页面由平面扭转成曲面；而当该页面翻过与其他页面贴合时，又由曲面展开成为平面。在这个翻页过程中，可充分的展示出所述页面的柔韧性，以及所述页面在翻页过程中受到的重力、其他页面支持力等作用力，而呈现出的页面形态变化，从而达到更为真空的翻页效果。

由于每张页面均具有正面与背面两个表面，因此在一些实施方式中，可以在所述页面的正面与背面均显示有多媒体资源，而在另一些实施方式中，也可仅在所述页面的正面或背面显示有多媒体资源，或者一些页面的正面与背面均显示有多媒体资源，而另一些页面仅在正面或背面显示有多媒体资源。

如图2至图4所示，在一些实施方式中，在所述画册页面的正面与背面均插入有多媒体资源，由于所述页面为柔性页面，在翻页时会形成曲面，因此为使翻页时的显示更符合真实页面的翻页效果，在页面翻页时，相关页面上显示的多媒体资源也随翻动的当前翻动页面的变化而变化。具体的，由于显示界面中，所述画册模型的视角是不变的，在当前翻动页面翻动时，该页面的空间位置发生变化，并且页面的形态也发生变化(即变为曲面)。因此，在翻页过程中，当前翻动页面的前一页面与后一页面的变遮挡的面积也不断变化，从而导致翻动的当前翻动页面以及该当前翻动页面的前一页面与后一页面上所显示的多媒体资源也相当的变化。其中，前一页面背面的多媒体资源和所述当前翻动页面正面的多媒体资源在翻页过程中逐渐被当前翻动页面遮挡，而后一页面正面的多媒体资源和当前翻动页面背面的多媒体资源逐渐展开。

由于在翻页过程中，显示界面的画册模型上最多需要同时显示4个多媒体资源，即当前翻动页面正面与背面的多媒体资源，前一页面背面的多媒体资源以及后一页面正面的多媒体资源(在非翻页状态下仅显示两个多媒体资源)。因此在一实施方式中，预设了至少四个虚拟摄像机分别对应不同的多媒体资源进行渲染。其中，所述四个虚拟摄像机分别用于所述前一页面的背面的多媒体资源、当前翻动页面正面的多媒体资源、当前翻动页面背面的多媒体资源以及后一页面正面的多媒体资源，这四个多媒体资源的实时渲染，使所述前一页面背面的多媒体资源、所述当前翻动页面正面和背面的多媒体资源以及后一页面正面的多媒体资源随当前翻动页面翻动而变化。

通过多个所述虚拟摄像机对不同的多媒体资源进行渲染，使各多媒体资源能够独立渲染，从而可根据页面翻动至不同位置以及呈现不同形态时，使各相关页面上的多媒体资源能够进行相当的变化，从而呈现出真实立体页面翻页的效果。

并且通过所述虚拟摄像机可实现对多媒体资源实时渲染，可以在所述页面上播放视频、动画等动态多媒体资源，从而使界面显示的内容更为丰富。

如图2至图4所示，在一实施方式中，为使画册模型在翻页时具有更为真实的空间立体感，还在翻页过程中，在当前翻动页面在前一页面或后一页面上投射有阴影，所述阴影的大小和位置随所述当前翻动页面的翻转而变化。其中，为实现阴影效果，可在立体空间的某一位置预设一虚假光源，该虚拟光源可以是位于画册模型的侧上方，当页面翻动时，该页面在竖直方向上竖直起来，因此使虚拟光源的部分光线被遮挡，在前一页面或后一页面上投射有阴影。而当在该当前翻动页面翻动过程中，其位置不断发生变化，从而使其所投下的阴影也随之变化。

如图2至图4所示，考虑到显示界面的界面布局和显示效果，在一些实施方式中，可将所述画册模型放置于显示界面的中部，并占界面的大部分面积，并且在所述画册模型的周围可以设置一些场景图像，该场景图像可以为风景图像或具有窗户、桌子、摄像机等不同元素的场景。

为使整个显示界面具有立体显示效果，在一些实施方式中，可将所述显示界面设置于至少包括背景图层、中间图层和前景图层的立体显示界面。其中，背景图层、中间图层和前景图层位于位于3D坐标的不同纵深位置，并且所述场景图像可以位于所述背景图层，而所述画册模型则位于所述中间图层，而所述前景图层可以为具有显示元素的透明图层。各图层可分别渲染，然后再进行叠加，其中，所述画册模型可将所述背景图层部分覆盖，而所述前景图层为透明图层，因此仅会在所述画册模型上或周围显示一些显示元素。这些显示元素可以为点歌系统中所点歌歌曲的歌词，也可以为一些起装饰作用的装饰元素。由于所述前景图层为透明图层，其还可以作为特效层，在该前景图层上可用于增加粒子特效显示或3D动画显示等。由于所述画册模型与所述场景图像位于不同纵深的图层，从而使显示界面更具有3D效果，并且所述画册模型悬浮于所述场景图像中，使其在视觉上具有很强的景深效果。

为使所述页面具有柔韧性，可在翻页过程扭转，呈现曲面、平面等不同的页面形态。如图5所示，在一实施方式中，所述页面划分为多个网格单元，每个网格单元包括三个以上的顶点，所述网格单元可为下列中的一种：三角形网格、四边形网格或多边形网格；在所述页面翻页时，通过至少一个所述网格单元的空间位置变化带动相邻的网格单元空间位置变化，使所述页面由平面扭转成曲面，再由曲面展开成平面。

本实施例中，将所述页面划分为多个网格单元，并通过网格单元的空间位置变形实现所述页面形态的变化。其中，每个网格单元具有三个以上的顶点，所述网格单元可以为三角形网格、四边形网格或多边形网格(如图5所示，所述网格单元为三角形网格)。所述网格单元的顶点空间位置与相邻网格单元的顶点空间位置呈三角函数关系，如图5所示，各顶点连线形成三角形网格单元，其中，各顶点的空间位置由与之相连接的其他顶点决定。因此，使页面中任何一网格单元的空间位置受相邻网格单元的空间位置的影响，从而使页面在翻页过程中呈现柔性特征，在翻页过程中相邻网格单元的顶点空间位置关系通过预设动画实现。如图5所示，为了更逼真的模拟页面的翻页效果，可以设置所述三角形网格单元由页面的翻页轴线向页面宽度方向逐渐增大，因此当翻页时，越靠近翻页轴线处的页面弯曲的弧度也相应的增大，使其在翻页过程实现图7所示的页面效果，该过程可通过预设动画实现。

在所述页面翻页时，可选页面中任意一网格单元为翻页受力点(即纸质页面翻页时，手所接触位置)，该受力点通常可选为页面边角处，并且该网格单元在翻页力的作用下其空间位置发生变化。并且通过以上所述的相邻网格单元的顶点空间位置关系，带动相邻的网格单元空间位置也随之发生变化，从而使所述页面由平面扭转成曲面。而当所述页面翻过一定角度并与画册中的其他页面接触时，所接触的网格单元的空间位置受其他页面约束，从而使所述页面又逐渐由曲面展开变成平面状态。翻页时，可针对不同的页面预设不同的翻页受力点或翻页速度，使每一页面翻页时所呈现出的页面形态都是不同的，从而使显示界面的显示效果更为丰富。

需要说明的是，尽管在本文中已经对上述各实施例进行了描述，但并非因此限制本发明的专利保护范围。因此，基于本发明的创新理念，对本文所述实施例进行的变更和修改，或利用本发明说明书及附图内容所作的等效结构或等效流程变换，直接或间接地将以上技术方案运用在其他相关的技术领域，均包括在本发明的专利保护范围之内。

Claims (10)

1.一种点歌系统的界面显示方法，其特征在于，包括以下步骤：

预设画册模型，所述画册模型具有两页以上层叠设置的页面；

获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上；

所述画册模型翻页，使下一页面上的多媒体资源显示于显示界面。

2.根据权利要求1所述的界面显示方法，其特征在于，所述页面为具有厚度的立体页面；

当前所述页面显示多媒体资源和厚度，非当前页面仅显示厚度。

3.根据权利要求1所述的界面显示方法，其特征在于，所述页面在翻页时绕翻页轴旋转，并且在翻页过程中所述页面由平面扭转成曲面，再由曲面展开成平面。

4.根据权利要求3所述的界面显示方法，其特征在于，所述页面为柔性页面，所述页面划分为多个网格单元，每个网格单元包括三个以上的顶点，所述网格单元可为下列中的一种：三角形网格、四边形网格或多边形网格；在所述页面翻页时，通过至少一个所述网格单元的空间位置变化带动相邻的网格单元空间位置变化，使所述页面由平面扭转成曲面，再由曲面展开成平面。

5.根据权利要求1所述的界面显示方法，其特征在于，所述页面的正面和背面均显示有多媒体资源；

在翻页过程中，前一页面背面的多媒体资源和所述当前翻动页面正面的多媒体资源逐渐被当前翻动页面遮挡，后一页面正面的多媒体资源和当前翻动页面背面的多媒体资源逐渐展开。

6.根据权利要求5所述的界面显示方法，其特征在于，还包括步骤：

预设至少四个虚拟摄像机，所述四个虚拟摄像机分别用于获取所述前一页面的背面的多媒体资源、当前翻动页面正面的多媒体资源、当前翻动页面背面的多媒体资源以及后一页面正面的多媒体资源，这四个多媒体资源的实时渲染，使所述前一页面背面的多媒体资源、所述当前翻动页面正面和背面的多媒体资源以及后一页面正面的多媒体资源随当前翻动页面翻动而变化。

7.根据权利要求1所述的界面显示方法，其特征在于，在翻页过程中，当前翻动页面在前一页面或后一页面上投射有阴影，所述阴影的大小和位置随所述当前翻动页面的翻转而变化。

8.根据权利要求1所述的界面显示方法，其特征在于，所述显示界面至少包括背景图层、中间图层和前景图层，所述画册模型位于所述中间图层；

所述前景图层为具有显示元素的透明图层，所述背景图层、中间图层和前景图层分别渲染并前后叠加显示。

9.根据权利要求1所述的界面显示方法，其特征在于，所述多媒体资源为图像、视频、动画、或文本中的任意一种；

所述“获取多媒体资源，并将所述多媒体资源插入至所述画册模型的页面上”包括以下步骤：

与外部设备建立通信连接；

接收所述外部设备发送的一个以上的多媒体资源；

将多媒体资源渲染至纹理，得到纹理图像；

将所述纹理图像贴于所述页面上，使所述纹理图像显示于所述页面上。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至9任一项所述的步骤。