CN103400412A - 一种资源展示方法、装置和终端 - Google Patents

Abstract

本发明公开了一种资源展示方法。所述方法包括：在3D场景中加载3D展示模型；获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层；根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；展示具有所述2D资源材质的3D展示模型及其倒影。本发明构建了一个通过3D展示模型展示2D资源的三维场景，极大增强了计算机资源展示界面的立体感，并且在场景中还可以显示各个模型的倒影图像，使展示效果更加丰富多彩。本发明还公开了用于实现上述方法的装置和终端。

Description

一种资源展示方法、装置和终端

技术领域

本发明涉及3D场景技术领域，尤其涉及一种资源展示方法、装置和终端。

背景技术

通过计算机进行文字、图片和视频等资源展示时，通常是在二维交互界面的中进行，例如在文字编辑软件、看图软件和视频软件的二维播放界面中播放文字、图片和视频。

随着计算机显示技术以及3D场景技术的不断发展，人们越来越追求3D技术带来的令人震撼的现场感觉。在3D界面中人们的视觉可以感受到场景的纵深感，并且希望能够多角度的观看3D场景。

本申请发明人发现，目前通过二维交互界面进行资源展示无法满足上述需求，既不能带来进行立体放映的现场感受，又只能从单一角度展示文字、图片、视频等资源，使资源的展示方式极为单一，展示效果也缺乏吸引力。

发明内容

本发明实施例提供一种资源展示方法、装置和终端，实现了资源展示时的三维界面效果并且能够具备展示倒影效果的功能。

为达上述目的，本发明采用以下技术方案：

一种资源展示方法，该方法包括：

在3D场景中加载3D展示模型；

获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层；

根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

展示具有所述2D资源材质的3D展示模型及其倒影。

将包含2D资源材质以贴图方式映射到3D展示模型的展示面，从而构建了一个通过3D展示模型展示2D资源的三维场景，极大增强了计算机资源展示界面的立体感，通过加载镜面反射层使该三维场景具备了对场景中的对象进行映射从而显示其倒影的功能。

优选的，所述镜面反射层贴有图片材质，所述展示具有2D资源材质的3D展示模型的同时，该方法还包括：展示所述贴有图片材质的镜面反射层；并且可以根据预设的显示比例和滤镜展示所述镜面反射层的图片材质，从而使场景中的也可以将所述镜面反射层一起展示出来，且可以通过材质贴图呈现不同的展示图案。

优选的，展示具有所述2D资源材质的3D展示模型之前，该方法还包括：

在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源；展示所述3D备选模型；收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。所述图片材质贴到所述3D备选模型的展示面，所述图片材质与不同的2D资源一一对应。收到来自用户的资源切换指令，根据当前选中的3D备选模型的图片材质切换3D展示模型展示的2D资源。

优选的，可以根据预设的倒影高度展示相应部分的倒影，实现了仅对原对象的部分区域进行倒影，以突出展示内容的关键信息。

一种资源展示装置，包括：

第一加载模块，用于在3D场景中加载3D展示模型；

处理模块，用于获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

第二加载模块，用于在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层；

倒影模块，用于根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

第一展示模块，用于展示具有所述2D资源材质的3D展示模型及其倒影。

优选的，还包括：

第三加载模块，用于在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源；第二展示模块，用于展示所述3D备选模型；切换模块，用于在收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。

一种资源展示终端，包括上述任意一种资源展示装置。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1是本发明实施例一提供的一种资源展示方法的流程图；

图2是本发明实施例构建的包含3D展示模型的三维场景示意图；

图3是本发明实施例构建的包含3D展示模型以及镜面反射层的三维场景示意图；

图4是本发明实施例中展示场景对象全部倒影图像时的示意图；

图5是本发明实施例中展示场景对象部分倒影图像时的示意图；

图6是本发明实施例一提供的一种资源展示装置的结构示意图；

图7是本发明实施例二提供的一种资源展示方法的流程图

图8是本发明实施例构建的包含3D展示模型、3D备选模型以及镜面反射层的三维场景示意图；

图9是本发明实施例二提供的一种资源展示装置的结构示意图；

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1是本发明实施例一提供的一种资源展示方法，该方法包括：

S101，在3D场景中加载3D展示模型。

在由XYZ三维坐标系构成的三维场景中，从3D模型数据库读取3D展示模型并加载到所述三维场景中。所述3D展示模型可为任意立体形状，包括一展示面，用来展示2D资源，图2中以弧形幕模型来进行说明，并不构成对本发明实施例的限定。如图2所示，所述3D展示模型包括展示面20、底面21和顶面22，其中底面21平行于顶面22，加载所述3D展示模型时，可以加载至场景中任意位置，且可以任意姿态摆放。

S102，获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面。

所述2D资源材质可以是的文字材质、图片材质或视频材质。将上述资源材质以贴图方式映射到所述3D展示模型的展示面20，再提交所述3D展示模型的顶点数据以及当前作为纹理材质的资源数据至显卡进行渲染，即可生成通过所述3D展示模型进行2D资源展示的场景。

所述获取的2D资源材质，进一步包括：

构建2D资源层。初始化2D资源层并设置所述2D资源层的大小，初始化2D资源层时需设置2D资源类型，例如初始化2D资源层为视频时，movielayer=[[QTMovielayer alloc]init]，即设置其视频层（movielayer）为基于QTKit框架的QuickTime视频层（QTMovielayer）。所述设置2D资源层的大小，包括设置所述2D资源层的边框（frame）和范围（bound），例如，movielayer.frame=rootlayer.frame，即设置2D视频资源层(movielayer)的边框与根层(rootlayer)的边框相同；movielayer.bounds=rootlayer.bounds，即设置上述2D视频资源层的的范围与根层(rootlayer)的范围相同。

构建作为背景的核心动画层（CoreAmination Layer,CA Layer）。所述核心动画层是用来在屏幕上显示内容展示的矩形区域；包括初始化所述核心动画层：CALayer*basemovielayer=[[CALayer alloc]init]，即将所述核心动画层作为所述2D视频资源层的背景层（basemovielayer）；设置所述核心动画层的大小，同样包括边框和范围，例如,basemovielayer.frame=rootlayer.frame,即设置所述核心动画层（即basemovielayer背景层）的边框与根层（rootlayer）的边框相同；basemovielayer.bounds=rootlayer.bounds，即设置所述核心动画层的大小与根层的相同，使所述核心动画层（背景层）的大小与所述2D视频资源层相同。

设置所述核心动画层背景图片。根据需要加载的图片文件名获取所述图片文件，例如，basemovielayer.contents=[NSImage Imagenamed:“jiazaizhong2”]，即所述核心动画层显示的内容设置为显示“加载中”的背景图片，则根据该图片的文件名“jiazaizhong2”获取相应的图片。

将所述2D资源层添加到所述核心动画层上。例如，[basemovielayeraddsublayer:movielayer]，即将2D视频资源层添加到核心动画层（背景层）上，以用于在该区域展示2D资源。得到的上述添加有2D资源层的核心动画层即可作为2D资源材质。

S103，在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层。

所述镜面反射层为场景中的一个支持反射的无限几何平面，由地面节点组成，所述地面节点用于材质贴图和渲染。所述镜面反射层的反射通过控制指令来开启和关闭，开启后将对场景中的对像以所述镜面反射层为镜面进行倒影映射。出于实际展示界面的需要，所述镜面反射层可以进行渲染显示在3D场景中，也可以隐藏在3D场景中而不显示出来。如图3所示，所述镜面反射层23垂直于Z轴，即平行于X、Y轴所在平面，定义从所述3D展示模型的底面21沿Z轴的反方向的场景空间为所述3D展示模型的下方。

S104，根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影。

首先获取所述3D展示模型以及所述2D资源材质到所述镜面反射层的距离，即只对3D展示模型倒影及其展示的2D资源进行倒影。所述获取的距离决定了相应对象的倒影的起始位置，即场景中每个模型的全部顶点的倒影位于与所述镜面反射层具有相同距离的对称位置。

再结合所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，即可得到所述3D展示模型及其展示的2D资源相对于所述镜面反射层在场景中的倒影数据，将所述倒影数据提交至显卡进行渲染即可呈现所述3D展示模型及其展示的2D资源的倒影。

S105，展示具有所述2D资源材质的3D展示模型及其倒影。

对于通过上述步骤构建的3D场景，根据预设的视角参数和灯光参数进行展示，此时只展示所述3D展示模型及其展示面的2D资源材质，以及以上两者的倒影，即用户能看到场景中的3D展示模型、2D资源以及两者的倒影，看不到所述3D展示模型下方位于在场景对象与倒影之间的镜面反射层。

根据倒影数据和预设的反射率展示所述3D展示模型及其2D资源材质的倒影图像。

所述反射率是指倒影的渲染亮度与原对象的渲染亮度之比，所述反射率的取值在0-1之间，数值越大倒影越清晰，数值越小倒影越模糊。根据预设的反射率和S104中获取的距离（即倒影的起始位置）展示所述3D展示模型及其2D资源材质的倒影，如图4中所示的3D展示模型的倒影24。倒影图像24与原3D展示模型上下颠倒3D展示模型底面21的倒影21’位于所述上方，顶面22的倒影22’位于下方，展示面20及其2D材质的倒影20’的显示内容也同样是上下颠倒的。

优选的，可以预设所述倒影的高度从而只展示相应部分的倒影。例如设置倒影高度为0-100，则倒影的高度即为从根据S805获取的距离确定的倒影起始位置开始，向下延伸100个所述3D场景的单位距离。如图5所示，此时只展示3D展示模型预设高度的倒影24，其余部分的倒影未进行展示。由于展示内容的关键信息通常位于画面的中间区域，因此通过预设倒影高度，也可以只显示原3D展示模型中间区域的倒影，以便于突出其展示内容的关键信息。

优选的，可以预设倒影的渐变式衰减，即设置倒影衰减开始处的高度以及倒影结束处（完全消失）的高度，所述衰减是指倒影的反射率逐渐降低，直到反射率衰减为零。例如，floor.reflectionFalloffStart=0，即设置倒影衰减的开始处是从倒影高度为零的地方，就是从倒影开始的地方就开始衰减；floor.reflectionFalloffEnd=150.0，即设置倒影衰减的结束处是倒影高度为150的地方，在结束处倒影的反射率衰减为零；如果预设的所述倒影的反射率为0.8，则倒影从高度为零的地方（反射率0.8）开始反射率逐渐降低，在倒影高度150的地方反射率衰减为零，即在此处倒影完全消失。结合上述预设的倒影高度以及衰减的开始和结束高度，可实现3D场景中所有对象的各种倒影及其渐变效果。

优选的，所述镜面反射层贴有图片材质，同时展示所述具有2D资源材质的3D展示模型以及倒影和所述贴有图片材质的镜面反射层，即用户能看到场景中存在3D展示模型、2D资源、以上两者的倒影和所述3D展示模型下方的镜面反射层。根据所述镜面反射层的地面节点进行材质贴图，例如，floor.firstMaterial.diffuse.contents=[NSImageimageNamed:″cellbg″]，即以名称为cellbg的图片文件为材质，贴到所述镜面反射层，该图片为蜂窝状六边形图案，则所述镜面反射层显示为由一个个蜂窝状六边形组成的平面。根据预设的显示比例和滤镜展示所述镜面反射层的图片材质。例如，floor.firstMaterial.diffuse.contentsTransform=CATransform3DMakeScale(0.1,0.1,0.1)，即设置所述图片在3D场景中的三个坐标轴方向上转换的显示比例为0.1，使图片显示更清晰；floor.firstMaterial.diffuse.mipFilter=SCNLinearFiltering，即指定使用MIP（Multum In Parvo，纹理映射）过滤器，利用其线性滤波以达到抗锯齿效果。

相应的，本发明实施例一提供了一种资源展示装置，如图6所示，包括：

第一加载模块40，用于在3D场景中加载3D展示模型；

处理模块41，用于获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

第二加载模块42，在所述3D场景中定义的3D展示模型的下方加载镜面反射层；

倒影模块43，用于根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

第一展示模块44，用于展示具有所述2D资源材质的3D展示模型及其倒影。

本发明实施例一构建的3D场景中同时加载了3D展示模型和镜面反射层，将3D展示模型及其2D资源材质相对于镜面反射层做倒影，渲染并展示所述具有2D资源材质的3D展示模型及其倒影，所述镜面反射层可以进行渲染并展示，也可以不进行并隐藏起来，从而使所述3D场景具备了显示对象倒影的功能，并且根据预设的反射率、倒影高度以及衰减的开始和结束处，可实现场景对象的各种倒影以及渐变效果，使展示效果变得更加丰富多样。

图7是本发明实施例二提供的一种资源展示方法，该方法包括：

S701，在3D场景中加载3D展示模型。与S101所述相同，在此不做重复。

S702，获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面。与S102所述相同，在此不做重复。

S703，在所述3D场景中定义的3D展示模型的下方加载镜面反射层。与S103所述相同，在此不做重复。

S704，根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影。与S104所述相同，在此不做重复。

S705，在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源。

在上述步骤构建的三维场景中，从3D模型数据库中读取3D备选模型，在所述3D弧形幕模型周围加载至少两个所述3D备选模型至场景中。所述3D备选模型可以是任意立体形状，图8中是以矩形的3D备选模型为例进行说明，并不构成对本发明实施例中3D备选模型形状的限制。所述3D备选模型可加载至场景中的任意位置，优选的，所述3D备选模型60可沿着X、Y或者Z轴方向排列，以便于用户选择或点击，如图8所示，其展示面61在所述三维场景的预设视角参数下是可见的或者直接正对所述预设视角方向，以便于用户了解所述3D备选模型60所展示的内容并且便于用户选择或点击所述3D备选模型60。

以图片为材质对所述3D备选模型的展示面进行材质贴图，所述图片用来展示2D资源的标识，例如资源名称或者标志Logo，并且所述图片根据所述2D资源的标识与相应的2D资源数据建立一一对应的关系。所述图片材质贴到所述3D备选模型的展示面后，所述3D备选模型便通过图片材质与不同的2D资源数据建立了对应关系，以便于进行后续的2D资源切换操作。

S706，展示所述3D备选模型。

在预设的视角参数和灯光参数条件下展示所述3D备选模型，以将所述图片材质上的资源标识展示给用户。

S707，收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。

所述资源切换指令来自用户的遥控选择或者点击操作，即用户选择或者点击场景中的一个3D备选模型。

当用户选择或者点击场景中的一个3D备选模型时，切换选中的3D备选模型，根据当前选中的所述3D备选模型展示面的图片材质确定所述3D备选模型对应的2D资源，切换所述3D弧形幕模型展示的2D资源为当前选中的3D备选模型对应的2D资源。

S708，展示具有所述2D资源材质的3D展示模型及其倒影。与S104所述相同，在此不做重复。优选的，此时展示所述3D场景中的全部对象及其倒影，包括所述3D备选模型及其图片材质的倒影。

相应的，本发明实施例二提供了一种资源展示装置，如图9所示，包括：

第一加载模块40，用于在3D场景中加载3D展示模型；

处理模块41，用于获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

第二加载模块42，在所述3D场景中定义的3D展示模型的下方加载镜面反射层；

倒影模块43，用于根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

第三加载模块45，用于在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源；

第二展示模块46，用于展示所述3D备选模型；

切换模块47，用于在收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。

第一展示模块44，用于展示具有所述2D资源材质的3D展示模型以及倒影。优选的，用于展示所述3D场景中的全部对象及其倒影。

本发明实施例一构建的3D场景中同时加载了3D展示模型和镜面反射层，将3D展示模型及其2D资源材质相对于镜面反射层做倒影，渲染并展示所述具有2D资源材质的3D展示模型及其倒影，所述镜面反射层可以进行渲染并展示，也可以不进行并隐藏起来，从而使所述3D场景具备了显示对象倒影的功能，并且根据预设的反射率、倒影高度以及衰减的开始和结束处，可实现场景对象的各种倒影以及渐变效果，使展示效果变得更加丰富多样；此外还加载并展示了多个3D备选模型，所述3D备选模型的展示面贴有图片材质，所述图片材质通过资源标识与2D资源建立对应关系，以便于用户根据图片材质展示的资源标识选择并切换2D资源，使用户通过选择或者点击所述3D备选模型，即可切换3D弧形幕模型展示的2D资源。

本发明实施例还公开了一种资源展示终端，包括上述任一实施例中所述的资源展示装置。所述终端可以是任何具有视频展示功能并具备一定3D数据处理能力的电子终端。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器和光学存储器等）上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (11)

1.一种资源展示方法，其特征在于，该方法包括：

在3D场景中加载3D展示模型；

获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层；

根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

展示具有所述2D资源材质的3D展示模型及其倒影。

2.如权利要求1所述的方法，其特征在于，所述镜面反射层贴有图片材质，所述展示具有2D资源材质的3D展示模型及其倒影的同时，该方法还包括：展示所述贴有图片材质的镜面反射层。

3.如权利要求2所述的方法，其特征在于，所述展示贴有图片材质的镜面反射层时包括：

根据预设的显示比例和滤镜展示所述镜面反射层的图片材质。

4.如权利要求1所述的方法，其特征在于，展示具有所述2D资源材质的3D展示模型及其倒影之前，该方法还包括：

在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源。

5.如权利要求4所述的方法，其特征在于，该方法还包括：

展示所述3D备选模型；

收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。

6.如权利要求5所述的方法，其特征在于，所述展示具有所述2D资源材质的3D展示模型及其倒影时包括：

展示所述3D场景中全部对象的倒影。

7.如权利要求1所述的方法，其特征在于，所述展示具有所述2D资源材质的3D展示模型及其倒影时包括：

根据预设的倒影高度展示相应部分的倒影。

8.一种资源展示装置，其特征在于，包括：

第一加载模块，用于在3D场景中加载3D展示模型；

处理模块，用于获取2D资源材质，将所述2D资源材质映射到所述3D展示模型的展示面；

第二加载模块，用于在所述3D场景中定义的所述3D展示模型的下方加载镜面反射层；

倒影模块，用于根据所述3D展示模型的顶点数据以及所述2D资源材质的材质数据，相对于所述镜面反射层作倒影；

第一展示模块，用于展示具有所述2D资源材质的3D展示模型及其倒影。

9.如权利要求8所述的装置，其特征在于，还包括：

第三加载模块，用于在所述3D展示模型周围加载至少两个3D备选模型，不同的所述3D备选模型对应不同的2D资源。

10.如权利要求9所述的装置，其特征在于，还包括：

第二展示模块，用于展示所述3D备选模型

切换模块，用于在收到资源切换指令时，切换选中的3D备选模型，并根据当前选中的3D备选模型切换3D展示模型展示的2D资源。

11.一种资源展示终端，其特征在于，包括权利要求8-10任一所述的资源展示装置。

Images