CN108345687A

CN108345687A - 一种3d网页展示方法和装置

Info

Publication number: CN108345687A
Application number: CN201810193193.5A
Authority: CN
Inventors: 沈文策
Original assignee: Individual
Current assignee: Individual
Priority date: 2018-03-09
Filing date: 2018-03-09
Publication date: 2018-07-31

Abstract

本发明实施例提供了一种3D网页展示方法和装置，可以根据接收到的网页模板设置指令中携带的模板标识，在预设的各3D网页模板中，确定用户需要使用的目标3D网页模板，当接收到用户输入的网页素材添加指令时，针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用嵌入式系统的开放图形库OpenGL ES技术，根据预设的3D网页模板，可以实现网页的3D展示效果，且能够降低对设备的硬件的要求。

Description

一种3D网页展示方法和装置

技术领域

本发明涉及计算机网络技术领域，特别是涉及一种3D网页展示方法和装置。

背景技术

随着计算机和互联网技术的快速发展，网络已经成为人们生活中不可缺少的一部分，大部分的用户会通过浏览网页获得网络上的信息。

现阶段，网页通常以二维页面的方式进行展示，用户可以通过滑动鼠标，以观看网页中不同显示位置的内容。为了带给用户更好的观看体验，技术人员采用WebGL(WebGraphics Library，web图形库)技术实现了3D网页的展示。

然而，发明人在实现本发明的过程中发现，现有技术至少存在如下问题：

WebGL主要整合了JavaScript和OpenGL ES(OpenGL for Embedded Systems，嵌入式系统的开放图形库)技术，然而大多数设备的硬件并不支持OpenGL ES，且利用WebGL实现3D网页，在展示每一帧网页图像时，都需要多次调用图形库。由以上可见，现有技术在展示3D网页时，对设备的硬件要求高。

发明内容

本发明实施例的目的在于提供一种3D网页生成方法和装置，以降低对设备的硬件的要求。具体技术方案如下：

第一方面，为了达到上述目的，本发明实施例公开了一种3D网页展示方法，上述方法包括：

接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；

根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；

当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；

当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。

可选的，在所述根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板之后，所述方法还包括：

接收所述用户输入的参数修改指令，其中，所述参数修改指令中携带有所述用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值；

根据所述参数标识和所述修改后的参数值，修改所述目标3D网页模板中的显示区域的位置参数。

可选的，所述方法还包括：

接收所述用户输入的显示方式设置指令，其中，所述显示方式设置指令中携带有所述用户设置的显示方式的标识；

所述在该显示区域中显示所述用户添加的网页素材，包括：

在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。

可选的，所述根据变化后的位置参数，更新所述目标网页，包括：

根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。

第二方面，为了达到上述目的，本发明实施例公开了一种3D网页展示装置，上述装置包括：

第一接收模块，用于接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；

确定模块，用于根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；

生成模块，用于当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；

更新模块，用于当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。

可选的，所述装置还包括：

第二接收模块，用于接收所述用户输入的参数修改指令，其中，所述参数修改指令中携带有所述用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值；

修改模块，用于根据所述参数标识和所述修改后的参数值，修改所述目标3D网页模板中的显示区域的位置参数。

可选的，所述装置还包括：

第三接收模块，用于接收所述用户输入的显示方式设置指令，其中，所述显示方式设置指令中携带有所述用户设置的显示方式的标识；

所述生成模块，具体用于在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。

可选的，所述更新模块，具体用于根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。

第三方面，为了达到上述目的，本发明实施例公开了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，所述处理器，所述通信接口，所述存储器通过所述通信总线完成相互间的通信；

所述存储器，用于存放计算机程序；

所述处理器，用于执行所述存储器上所存放的程序时，实现上述任一所述的3D网页展示方法。

在本发明实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一所述的3D网页展示方法。

在本发明实施的又一方面，本发明实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的3D网页展示方法。

本发明实施例提供的3D网页展示方法和装置，可以根据接收到的网页模板设置指令中携带的模板标识，在预设的各3D网页模板中，确定用户需要使用的目标3D网页模板，当接收到用户输入的网页素材添加指令时，针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用OpenGL ES技术，根据预设的3D网页模板，就可以实现网页的3D展示效果，能够降低对设备的硬件的要求。

当然，实施本发明的任一产品或方法必不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。

图1为本发明实施例提供的一种3D网页展示方法的流程图；

图2为本发明实施例提供的一种3D网页展示方法示例的流程图；

图3为本发明实施例提供的一种3D网页展示装置的结构图；

图4为本发明实施例提供的一种3D网页展示装置的结构图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。

现有技术中，可以结合JavaScript和OpenGL ES技术实现3D网页的展示，然而，大多数设备的硬件并不支持OpenGL ES，且在展示每一帧网页图像时，都需要多次调用图形库。由以上可见，现有技术在展示3D网页时，对设备的硬件要求高。

为了解决上述问题，本发明实施例提供了一种3D网页展示方法和装置，可以应用于终端，终端可以首先确定用户需要使用的目标3D网页模板，然后针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页，当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。基于上述处理，即使不使用OpenGL ES技术，根据预设的3D网页模板，就可以实现网页的3D展示效果，能够降低对设备的硬件的要求。

参见图1，图1为本发明实施例提供的一种3D网页展示方法的流程图，上述方法可以包括以下步骤：

S101：接收用户输入的网页模板设置指令。

其中，网页模板设置指令中可以携带有模板标识。

在实施中，当用户需要生成3D网页(即目标网页)时，可以通过终端的输入部件，向终端输入携带有模板标识的网页模块设置指令，终端则可以接收到该网页模块设置指令。

S102：根据模板标识，在预设的各3D网页模板中，确定用户需要使用的目标3D网页模板。

其中，终端本地可以预设多个3D网页模块，例如，球形3D网页模板、圆柱体3D网页模板、四面体3D网页模板、模拟书架3D网页模板或其他3D网页模板。

在实施中，当终端接收到网页模板设置指令，可以解析该网页模板设置指令，得到模板标识，在本地存储的多个3D网页模板中进行搜索，得到与模板标识对应的3D网页模板(即目标3D网页模板)。另外，终端在确定出目标3D网页模板后，还可以在终端的显示部件中显示该目标3D网页模板。

S103：当接收到用户输入的网页素材添加指令时，针对目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示用户添加的网页素材，生成目标网页。

其中，每一3D网页模板中可以包含预设数目个显示区域。例如，圆柱体3D网页模板中可以包含圆柱体上表面、圆柱体下表面和圆柱体侧面三个显示区域；四面体3D网页模板中可以包含四面体的4个面所在的显示区域。每一显示区域的位置参数可以包括该显示区域中多个点在终端的显示界面中的坐标。例如，圆柱体3D网页模板中，圆柱体上表面对应的显示区域的位置参数可以包括：圆柱体上表面的圆心在显示界面中的坐标、圆柱体上表面的半径、圆柱体上表面中除圆心以外多个点的坐标。

在实施中，终端的本地资源中可以预设多个网页素材，网页素材可以为图片素材或视频素材，用户可以直接使用终端的本地资源中的网页素材。用户可以在终端的素材选择界面中，选择需要使用的网页素材。终端则可以接收到网页素材添加指令，然后在本地资源中搜索用户需要在目标网页中显示的网页素材。或者，如果终端的本地资源中没有用户需要的网页素材，用户也可以自己上传网页素材；或者，用户还可以在网络中搜索需要使用的网页素材，用户可以在终端输入需要搜索的网页素材标识或素材类型，终端则可以接收到携带有素材标识或素材类型的搜索指令，然后可以根据搜索指令，在网络中进行搜索，得到用户需要在目标网页中显示的网页素材。用户在每一显示区域添加的网页素材可以是一个，也可以是多个。终端得到网页素材后，可以根据该显示区域的位置参数，在该显示区域显示用户添加的网页素材，以生成目标网页。终端生成目标网页后，可以将目标网页存储在终端中，也可以将目标网页以网页文档的格式发送至对应的服务器，以使用户可以访问服务器，进而浏览目标网页。

S104：当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新目标网页。

在实施中，终端可以实时检测目标网页中各显示区域的位置参数。当用户需要浏览不同角度下的目标网页时，可以在终端上旋转目标网页，终端则可以检测到目标网页中各显示区域的位置参数发生变化，并重新计算目标网页中各显示区域变化后的的位置参数，根据变化后的位置参数，更新目标网页。

由以上可见，基于本发明实施例的3D网页展示方法，即使不使用OpenGL ES技术，终端根据预设的3D网页模板，可以实现网页的3D展示效果，且能够降低对设备的硬件的要求。

可选的，用户还可以对目标3D网页模板中各显示区域的位置参数进行修改。具体的，上述3D网页展示方法还可以包括以下步骤：接收用户输入的参数修改指令；根据参数标识和修改后的参数值，修改目标3D网页模板中的显示区域的位置参数。

其中，参数修改指令中可以携带有用户需要修改的显示区域的位置参数的参数标识，以及修改后的参数值。

在实施中，如果预设的目标3D网页模板中各显示区域的位置参数不符合用户需求，用户可以对位置参数进行修改。用户可以通过终端的输入部件向终端输入参数修改指令，终端则可以接收到该参数修改指令，并根据参数修改指令中携带的修改后的参数值，对目标3D网页模板的显示区域的位置参数进行修改。用户可以选择修改一个显示区域的位置参数，也可以选择修改多个显示区域的位置参数，可以对某一显示区域的一个位置参数进行修改，也可以对该显示区域的多个位置参数进行修改。

由以上可见，基于本发明实施例的3D网页展示方法，终端可以根据用户输入的参数修改指令，对目标3D网页目标中的显示区域的位置参数进行修改，使生成的目标网页满足用户的个性化需求，进而可以提高用户体验。

可选的，用户还可以设置网页素材的显示方式。具体的，上述3D网页展示方法还可以包括以下步骤：接收用户输入的显示方式设置指令。相应的，步骤S103包括：在该显示区域中，根据显示方式的标识对应的显示方式，显示用户添加的网页素材。

其中，显示方式设置指令中可以携带有用户设置的显示方式的标识。

在实施中，针对每一显示区域，终端可以以不同的显示方式，显示用户添加的网页素材。显示方式可以为：停留、轮播、走马灯或其他方式。终端本地可以预设多种显示方式，以供用户选择。当用户确定自身需要使用的显示方式时，可以向终端输入显示方式设置指令。终端接收到该显示方式设置指令后，可以解析该显示方式设置指令，得到显示方式的标识，根据与该标识对应的显示方式，在该显示区域中显示用户添加的网页素材。各显示区域显示网页素材的显示方式可以相同，也可以不相同。

由以上可见，基于本发明实施例的3D网页展示方法，终端可以根据用户的需要，设置每一显示区域显示网页素材的显示方式，能够提高用户体验。

可选的，终端可以根据每一显示区域的位置参数，更新目标网页。具体的，终端更新目标网页的方法，可以包括以下步骤：根据变化后的位置参数，在目标网页的每一显示区域中显示对应的网页素材，以更新目标网页。

在实施中，用户可以选择浏览不同角度下的目标网页，例如，用户可以在终端上上下或者左右旋转目标网页。此时，终端可以获取目标网页的每一显示区域在旋转后的位置参数，然后根据旋转后的位置参数，重新显示该显示区域对应的网页素材，实现目标网页的更新。

参见图2，图2为本发明实施例提供的一种3D网页展示方法示例的流程图，该方法包括以下步骤：

S201：接收网页模板设置指令。

其中，网页模板设置指令中可以携带有球形3D网页模板的模板标识。

S202：确定用户需要使用的球形3D网页模板。

S203：接收参数修改指令。

S204：修改球形3D网页模板中显示区域的位置参数。

S205：当接收到网页素材添加指令时，针对球形3D网页模板中的每一显示区域，根据该显示区域的位置参数和显示方式，在该显示区域中显示所述用户添加的网页素材，生成目标网页。

S206：当检测到目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，在目标网页的每一显示区域中显示对应的网页素材，以更新目标网页。

与图1方法实施例相对应，参见图3，图3为本发明实施例提供的一种3D网页展示装置的结构图，包括：

第一接收模块301，用于接收用户输入的网页模板设置指令，其中，所述网页模板设置指令中携带有模板标识；

确定模块302，用于根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板；

生成模块303，用于当接收到所述用户输入的网页素材添加指令时，针对所述目标3D网页模板中的每一显示区域，根据该显示区域的位置参数，在该显示区域中显示所述用户添加的网页素材，生成目标网页；

更新模块304，用于当检测到所述目标网页中的显示区域的位置参数发生变化时，根据变化后的位置参数，更新所述目标网页。

可选的，所述装置还包括：

所述生成模块303，具体用于在该显示区域中，根据所述显示方式的标识对应的显示方式，显示用户添加的网页素材。

可选的，所述更新模块304，具体用于根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。

本发明实施例还提供了一种电子设备，如图4所示，包括处理器401、通信接口402、存储器403和通信总线404，其中，处理器401，通信接口402，存储器403通过通信总线404完成相互间的通信，

存储器403，用于存放计算机程序；

处理器401，用于执行存储器403上所存放的程序时，实现如下步骤：

上述电子设备提到的通信总线404可以是外设部件互连标准(PeripheralComponent Interconnect，简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Architecture，简称EISA)总线等。该通信总线404可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口402用于上述电子设备与其他设备之间的通信。

存储器403可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器403还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器401可以是通用处理器，包括中央处理器(Central ProcessingUnit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本发明提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的3D网页展示方法。

在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的3D网页展示方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、计算机可读存储介质、计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

Claims

1.一种3D网页展示方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，在所述根据所述模板标识，在预设的各3D网页模板中，确定所述用户需要使用的目标3D网页模板之后，所述方法还包括：

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

所述在该显示区域中显示所述用户添加的网页素材，包括：

4.根据权利要求1所述的方法，其特征在于，所述根据变化后的位置参数，更新所述目标网页，包括：

5.一种3D网页展示装置，其特征在于，所述装置包括：

6.根据权利要求5所述的装置，其特征在于，所述装置还包括：

7.根据权利要求5所述的装置，其特征在于，所述装置还包括：

8.根据权利要求5所述的装置，其特征在于，

所述更新模块，具体用于根据变化后的位置参数，在所述目标网页的每一显示区域中显示对应的网页素材，以更新所述目标网页。

9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，所述处理器，所述通信接口，所述存储器通过所述通信总线完成相互间的通信；

所述存储器，用于存放计算机程序；

所述处理器，用于执行所述存储器上所存放的程序时，实现权利要求1-4任一所述的方法步骤。

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