CN111258690A - 一种构建3d页面的方法和装置 - Google Patents
一种构建3d页面的方法和装置 Download PDFInfo
- Publication number
- CN111258690A CN111258690A CN202010027708.1A CN202010027708A CN111258690A CN 111258690 A CN111258690 A CN 111258690A CN 202010027708 A CN202010027708 A CN 202010027708A CN 111258690 A CN111258690 A CN 111258690A
- Authority
- CN
- China
- Prior art keywords
- page
- target
- page element
- attribute information
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种构建3D页面的方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:根据构建请求加载3D页面元素库;其中,所述构建请求中至少包括待构建场景;所述3D页面元素库中包括至少一个3D页面元素,以及所述至少一个3D页面元素的属性信息;根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息;根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。该方法能够快速构建3D页面,并且复用度高,开发和维护成本低。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种构建3D页面的方法和装置。
背景技术
当今金融科技发展迅速,互联网金融市场竞争激烈,各行业在紧跟互联网科技发展的前提下,创新金融服务,吸引客户的关注,提高客户粘性。为充分利用互联网的开放性和浏览器低门槛的特性,运用3D技术的需求非常迫切。对于3D,即呈现逼真的三维立体效果,让用户有身临其境的感觉,随着影像移动改变空间、场景。
但是,现有的3D技术多数需要专业设备才能实现。其中,现有3D技术主要包括:
1)平面虚拟3D:在平面显示三维图形,根据人眼的近大远小特性,在屏幕的二维平面上构造三维图像,使人眼产生视觉上的错觉,感知到立体图形。该方式无需借助专用设备,使用门槛较低;
2)专用眼镜、头盔3D:利用左右眼视觉差,形成立体图像。人的两眼分开约5公分,两只眼睛看任何东西,两眼的角度都有所差别,经视网膜传到大脑里,大脑因这微小的差距产生远近深度,从而产生立体感。借助偏光式、闪烁式等专用眼镜或VR头盔,使左右眼分别看到两幅画面,从而实现三维立体效果。该方式的立体感更强,但需借助专用眼镜、头盔设备才能看到3D效果;
3)裸眼3D:利用人两眼具有视差的特性,无需佩戴专用设备(如3D眼镜、头盔等),即可获得具有空间、深度的逼真立体影像。通过光屏障式、柱状透镜技术和指向光源等技术,将画面投射到左右眼,从而形成三维立体图像。该方式需借助专用的裸眼3D显示器才能呈现三维效果,成本较高;
4)全息投影:通过虚拟成像技术,产生立体的空中幻象。该方式是利用干涉和衍射原理记录并再现物体真实的三维图像。该方式需要使用专业设备,目前尚未形成成熟应用。
发明内容
有鉴于此,本发明实施例提供一种构建3D页面的方法和装置,能够快速构建3D页面,并且复用度高,开发和维护成本低。
为实现上述目的,根据本发明实施例的一个方面,提供了一种构建3D页面的方法。
本发明实施例的构建3D页面的方法包括:根据构建请求加载3D页面元素库;其中,所述构建请求中至少包括待构建场景;所述3D页面元素库中包括至少一个3D页面元素,以及所述至少一个3D页面元素的属性信息;根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息;根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
可选地,根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息的步骤包括:解析所述待构建场景,确定待获取页面元素;判断所述3D页面元素库中是否存在待获取页面元素;如果存在,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。
可选地,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息的步骤包括:确定所述待获取页面元素的标识;基于预设语法协议和所述标识,获取所述3D页面元素库中的元素,以作为目标页面元素;根据所述目标页面元素的标识,获取所述目标页面元素的属性信息。
可选地,在进行3D建模之后,还包括:将通过3D建模构建的元素以及其属性信息,添加至所述3D页面元素库。
可选地,根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面的步骤包括:根据所述目标页面元素以及其属性信息进行组装,形成初始3D页面面板;调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面。
可选地,在形成初始3D页面面板之后,所述方法还包括;将所述初始3D页面面板进行预览输出,使得开发者根据所述初始3D页面面板确定自定义信息;接收所述开发者的自定义信息,以及根据所述自定义信息对所述初始3D页面面板进行修改,以得到目标3D页面面板;
调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面的步骤包括:调用3D引擎对所述目标3D页面面板进行渲染,形成目标3D页面。
可选地,所述属性信息至少包括一下一种:颜色信息、尺寸信息、字体信息。
为实现上述目的,根据本发明实施例的另一个方面,提供了一种构建3D页面的装置。
本发明实施例的构建3D页面的装置包括:
元素库加载模块,用于根据构建请求加载3D页面元素库;其中,所述构建请求中至少包括待构建场景;所述3D页面元素库中包括至少一个3D页面元素,以及所述至少一个3D页面元素的属性信息;
页面元素获取模块,用于根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息;
组装渲染模块,用于根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
可选地,所述页面元素获取模块还用于,解析所述待构建场景,确定待获取页面元素;判断所述3D页面元素库中是否存在待获取页面元素;如果存在,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。
可选地,所述页面元素获取模块还用于,确定所述待获取页面元素的标识;基于预设语法协议和所述标识,获取所述3D页面元素库中的元素,以作为目标页面元素;根据所述目标页面元素的标识,获取所述目标页面元素的属性信息。
可选地,所述页面元素获取模块还用于,将通过3D建模构建的元素以及其属性信息,添加至所述3D页面元素库。
可选地,所述组装渲染模块还用于,根据所述目标页面元素以及其属性信息进行组装,形成初始3D页面面板;调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面。
可选地,所述组装渲染模块还用于,将所述初始3D页面面板进行预览输出,使得开发者根据所述初始3D页面面板确定自定义信息;接收所述开发者的自定义信息,以及根据所述自定义信息对所述初始3D页面面板进行修改,以得到目标3D页面面板;以及,调用3D引擎对所述目标3D页面面板进行渲染,形成目标3D页面。
为实现上述目的,根据本发明实施例的再一个方面,提供了一种电子设备。
本发明实施例的电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一项的构建3D页面的方法。
为实现上述目的,根据本发明实施例的再一个方面,提供了一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现上述任一项的构建3D页面的方法。
上述发明中的一个实施例具有如下优点或有益效果:根据场景在配置的3D页面元素库中获取所需的3D页面元素,进而实现快速构建3D页面。并且,该3D页面元素库中的3D页面元素可重复使用,无需每次构建3D页面时进行3D场景建模,大大减少了开发和维护成本。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的构建3D页面的方法的主要流程的示意图;
图2是根据本发明实施例的构建3D页面的方法流程的示意图;
图3是根据本发明实施例的构建3D页面的装置的主要模块的示意图;
图4是本发明实施例可以应用于其中的示例性系统架构图;
图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明实施例的构建3D页面的方法的主要流程的示意图,如图1所示,本发明实施例的构建3D页面的方法主要包括:
步骤S101:根据构建请求加载3D页面元素库;其中,构建请求中至少包括待构建场景;3D页面元素库中包括至少一个3D页面元素,以及至少一个3D页面元素的属性信息;
步骤S102:根据待构建场景和3D页面元素库,获取目标页面元素以及其属性信息;
步骤S103:根据目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
本发明实施例,根据场景在配置的3D页面元素库中获取所需的3D页面元素,进而实现快速构建3D页面。并且,该3D页面元素库中的3D页面元素可重复使用,无需每次构建3D页面时进行3D场景建模,大大减少了开发和维护成本。
优选的,在步骤S102中,可通过解析待构建场景,确定待获取页面元素。以及,判断3D页面元素库中是否存在待获取页面元素。如果存在,调用3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。其中,属性信息至少包括一下一种:颜色信息、尺寸信息、字体信息。进一步,还可在进行3D建模之后,将通过3D建模构建的元素以及其属性信息,添加至3D页面元素库,以更新并丰富3D页面元素库。
优选的,在调用3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取目标页面元素的属性信息的过程中,首先确定待获取页面元素的标识。然后,基于预设语法协议和标识,获取3D页面元素库中的元素,以作为目标页面元素。并且,根据目标页面元素的标识,获取目标页面元素的属性信息。通过标识可快速在3D页面元素库中获取所需的元素。
优选的,在步骤S103中,根据目标页面元素以及其属性信息进行组装,形成初始3D页面面板。以及,调用3D引擎对初始3D页面面板进行渲染,形成目标3D页面。在形成初始3D页面面板之后,将初始3D页面面板进行预览输出,使得开发者根据初始3D页面面板确定自定义信息。然后,接收开发者的自定义信息,以及根据自定义信息对初始3D页面面板进行修改,以得到目标3D页面面板。并且,调用3D引擎对初始3D页面面板进行渲染,形成目标3D页面的过程中,调用3D引擎对目标3D页面面板进行渲染,形成目标3D页面。
其中,对于3D页面面板,3D页面中的内容展示区域,一般情况下3D页面是由多个3D页面面板组成的。3D页面元素为3D页面面板中的基本组成元素,如表格、图片、文本、按钮、下列框、输入框、单选框等,多个3D页面元素可组成一个3D页面面板。3D引擎是将现实中的物质抽象为多边形或者各种曲线等表现形式,在计算机中进行相关计算并输出最终图像的算法实现的集合。
图2是根据本发明实施例的构建3D页面的方法流程的示意图,如图2所示,通过3D页面元素建模,且按场景组装3D页面元素,在浏览器端渲染加载3D页面,可以规避实时构建3D页面中存在的扩展性弱、可维护性差等缺点,无需对3D页面每次单独建模,只需完成对3D页面元素的一次建模,即可按场景动态加载3D页面元素,并最终完成3D页面渲染,动态、快速地实现3D页面渲染与加载。以及,本发明实施例中3D页面元素库中的每一项3D页面元素可进行多次复用,且在维护时只需进行一次维护。
本发明实施例的3D页面动态构建的流程涉及四个模块:3D页面开发浏览器、3D引擎模块、3D页面面板模块和3D页面元素库。具体的,3D页面开发者在开发3D页面时,先加载3D引擎模块的3D引擎。3D页面在创建过程时,需要加载3D面板(即构建3D页面面板),3D面板构成需要按场景需要选择3D页面元素,如3D输入框、3D按钮等元素。因此,加载3D面板时,选择所需的3D页面元素。通过本发明实施例的3D页面面板模块判断3D页面面板所需的3D页面元素是否在已预设建模好的3D页面元素库中。如在,则直接调用3D页面元素库中的该元素,按语法组装3D页面元素到3D页面面板中;如不在,则需要对新增的页面面板元素进行3D建模,并更新该元素到3D页面元素库中,供其他面板按需调用。
3D页面创建中会加载不同的3D页面面板,每一个3D页面面板是由不同的3D页面元素成的,其中3D页面元素包括表格、图片、文本、按钮、下列框、输入框、单选框等。本发明实施例将3D页面中所使用的3D页面元素进行梳理,并可预设一套调用3D页面元素的语法协议,如使用<3D_TEXTBOX></3D_TEXTBOX>用于标识3D的输入文本框,<3D_BUTTON></3D_BUTTON>用于标识3D按钮。通过该预设协议,可直接调用3D页面元素库中的元素。以及,3D页面元素库中还定义了元素的颜色、尺寸、字体大小等属性信息。
此外,3D页面开发者可根据场景需要使用上述3D页面元素库自定义组成初始3D页面面板,并可通过预览形式提前进行效果展示,最终在开发者浏览器中进行输出。完成初始3D页面面板的3D页面元素组装后,可使用预览的方法提前查看初始3D页面面板加载后的效果,可根据该预览效果对初始3D页面面板进行调整,3D页面开发者可在3D页面元素库的基础上自定义3D页面面板,并可将自定义的3D页面使用在各场景中。进一步,调用3D引擎完成3D页面面板的渲染,从而输出展示3D页面。
本发明实施例公开了一种基于3D页面元素动态构建3D页面的方法,通过定义一套3D页面元素并完成3D建模的方式,组成3D页面元素库,可供3D页面开发者根据不同的场景需要进行组装3D页面面板,从而完成3D页面的渲染输出展示。进而取得以下有益效果:复用度高,开发和维护成本低,无须每次对3D场景进行单独建模,可重复利用3D页面元素库完成3D面板的构建。如需更新维护,只需要更新3D页面元素库中的组成元素,实现“一次建模,多次复用”。
图3是根据本发明实施例构建3D页面的装置的主要模块的示意图,如图3所示,本发明实施例的构建3D页面的装置300包括元素库加载模块301、页面元素获取模块302和组装渲染模块303。
元素库加载模块301用于,根据构建请求加载3D页面元素库;其中,构建请求中至少包括待构建场景;3D页面元素库中包括至少一个3D页面元素,以及至少一个3D页面元素的属性信息。属性信息至少包括一下一种:颜色信息、尺寸信息、字体信息。
页面元素获取模块302用于,根据待构建场景和3D页面元素库,获取目标页面元素以及其属性信息。页面元素获取模块还用于,解析待构建场景,确定待获取页面元素;判断3D页面元素库中是否存在待获取页面元素;如果存在,调用3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。页面元素获取模块还用于,确定待获取页面元素的标识;基于预设语法协议和标识,获取3D页面元素库中的元素,以作为目标页面元素;根据目标页面元素的标识,获取目标页面元素的属性信息。页面元素获取模块还用于,将通过3D建模构建的元素以及其属性信息,添加至3D页面元素库。
组装渲染模块303用于,根据目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。组装渲染模块还用于,根据目标页面元素以及其属性信息进行组装,形成初始3D页面面板;调用3D引擎对初始3D页面面板进行渲染,形成目标3D页面。组装渲染模块还用于,将初始3D页面面板进行预览输出,使得开发者根据初始3D页面面板确定自定义信息;接收开发者的自定义信息,以及根据自定义信息对初始3D页面面板进行修改,以得到目标3D页面面板;以及,调用3D引擎对目标3D页面面板进行渲染,形成目标3D页面。
本发明实施例,根据场景在配置的3D页面元素库中获取所需的3D页面元素,进而实现快速构建3D页面。并且,该3D页面元素库中的3D页面元素可重复使用,无需每次构建3D页面时进行3D场景建模,大大减少了开发和维护成本。
图4示出了可以应用本发明实施例的构建3D页面的方法或构建3D页面装置的示例性系统架构400。
如图4所示,系统架构400可以包括终端设备401、402、403,网络404和服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备401、402、403通过网络404与服务器405交互,以接收或发送消息等。终端设备401、402、403上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器405可以是提供各种服务的服务器,例如对用户利用终端设备401、402、403所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果反馈给终端设备。
需要说明的是,本发明实施例所提供的构建3D页面的方法一般由服务器405执行,相应地,构建3D页面的装置一般设置于服务器405中。
应该理解,图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图5,其示出了适于用来实现本发明实施例的终端设备的计算机系统500的结构示意图。图5示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示,计算机系统500包括中央处理单元(CPU)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505:包括键盘、鼠标等的输入部分506;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507;包括硬盘等的存储部分508;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器510上,以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分509从网络上被下载和安装,和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括元素库加载模块、页面元素获取模块和组装渲染模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,元素库加载模块还可以被描述为“根据构建请求加载3D页面元素库的模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:根据构建请求加载3D页面元素库;其中,构建请求中至少包括待构建场景;3D页面元素库中包括至少一个3D页面元素,以及至少一个3D页面元素的属性信息;根据待构建场景和3D页面元素库,获取目标页面元素以及其属性信息;根据目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
本发明实施例,根据场景在配置的3D页面元素库中获取所需的3D页面元素,进而实现快速构建3D页面。并且,该3D页面元素库中的3D页面元素可重复使用,无需每次构建3D页面时进行3D场景建模,大大减少了开发和维护成本。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (15)
1.一种构建3D页面的方法,其特征在于,包括:
根据构建请求加载3D页面元素库;其中,所述构建请求中至少包括待构建场景;所述3D页面元素库中包括至少一个3D页面元素,以及所述至少一个3D页面元素的属性信息;
根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息;
根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
2.根据权利要求1所述的方法,其特征在于,根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息的步骤包括:
解析所述待构建场景,确定待获取页面元素;
判断所述3D页面元素库中是否存在待获取页面元素;
如果存在,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。
3.根据权利要求2所述的方法,其特征在于,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息的步骤包括:
确定所述待获取页面元素的标识;
基于预设语法协议和所述标识,获取所述3D页面元素库中的元素,以作为目标页面元素;
根据所述目标页面元素的标识,获取所述目标页面元素的属性信息。
4.根据权利要求2所述的方法,其特征在于,在进行3D建模之后,还包括:
将通过3D建模构建的元素以及其属性信息,添加至所述3D页面元素库。
5.根据权利要求1所述的方法,其特征在于,根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面的步骤包括:
根据所述目标页面元素以及其属性信息进行组装,形成初始3D页面面板;
调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面。
6.根据权利要求5所述的方法,其特征在于,在形成初始3D页面面板之后,所述方法还包括;
将所述初始3D页面面板进行预览输出,使得开发者根据所述初始3D页面面板确定自定义信息;接收所述开发者的自定义信息,以及根据所述自定义信息对所述初始3D页面面板进行修改,以得到目标3D页面面板;
调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面的步骤包括:调用3D引擎对所述目标3D页面面板进行渲染,形成目标3D页面。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述属性信息至少包括一下一种:颜色信息、尺寸信息、字体信息。
8.一种构建3D页面的装置,其特征在于,包括:
元素库加载模块,用于根据构建请求加载3D页面元素库;其中,所述构建请求中至少包括待构建场景;所述3D页面元素库中包括至少一个3D页面元素,以及所述至少一个3D页面元素的属性信息;
页面元素获取模块,用于根据所述待构建场景和所述3D页面元素库,获取目标页面元素以及其属性信息;
组装渲染模块,用于根据所述目标页面元素以及其属性信息进行组装和渲染,形成目标3D页面。
9.根据权利要求8所述的装置,其特征在于,所述页面元素获取模块还用于,解析所述待构建场景,确定待获取页面元素;判断所述3D页面元素库中是否存在待获取页面元素;如果存在,调用所述3D页面元素库中的待获取页面元素,以作为目标页面元素,并获取所述目标页面元素的属性信息;如果不存在,则进行3D建模,以确定目标页面元素以及其属性信息。
10.根据权利要求9所述的装置,其特征在于,所述页面元素获取模块还用于,确定所述待获取页面元素的标识;基于预设语法协议和所述标识,获取所述3D页面元素库中的元素,以作为目标页面元素;根据所述目标页面元素的标识,获取所述目标页面元素的属性信息。
11.根据权利要求9所述的装置,其特征在于,所述页面元素获取模块还用于,将通过3D建模构建的元素以及其属性信息,添加至所述3D页面元素库。
12.根据权利要求8所述的装置,其特征在于,所述组装渲染模块还用于,根据所述目标页面元素以及其属性信息进行组装,形成初始3D页面面板;调用3D引擎对所述初始3D页面面板进行渲染,形成目标3D页面。
13.根据权利要求12所述的装置,其特征在于,所述组装渲染模块还用于,将所述初始3D页面面板进行预览输出,使得开发者根据所述初始3D页面面板确定自定义信息;接收所述开发者的自定义信息,以及根据所述自定义信息对所述初始3D页面面板进行修改,以得到目标3D页面面板;以及,调用3D引擎对所述目标3D页面面板进行渲染,形成目标3D页面。
14.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
15.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010027708.1A CN111258690A (zh) | 2020-01-10 | 2020-01-10 | 一种构建3d页面的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010027708.1A CN111258690A (zh) | 2020-01-10 | 2020-01-10 | 一种构建3d页面的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111258690A true CN111258690A (zh) | 2020-06-09 |
Family
ID=70946857
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010027708.1A Pending CN111258690A (zh) | 2020-01-10 | 2020-01-10 | 一种构建3d页面的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111258690A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111831278A (zh) * | 2020-07-14 | 2020-10-27 | 北京思特奇信息技术股份有限公司 | 业务元素自适应匹配方法、装置、电子设备及存储介质 |
CN112286518A (zh) * | 2020-12-15 | 2021-01-29 | 成都四方伟业软件股份有限公司 | 一种3d可视化自动化场景构建方法及系统 |
WO2023142945A1 (zh) * | 2022-01-27 | 2023-08-03 | 华为技术有限公司 | 3d模型生成方法及相关装置 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
FR2903793A1 (fr) * | 2006-07-12 | 2008-01-18 | E On Software Sarl | Procede de creation de scenes en trois dimensions |
CN101118493A (zh) * | 2007-09-17 | 2008-02-06 | 张威 | 一种在网页浏览器中制作动态网站的方法 |
US20080273031A1 (en) * | 2005-12-08 | 2008-11-06 | Xgi Technology Inc. (Cayman) | Page based rendering in 3D graphics system |
CN103294711A (zh) * | 2012-02-28 | 2013-09-11 | 阿里巴巴集团控股有限公司 | 一种确定网页中的页面元素的方法以及装置 |
CN103412874A (zh) * | 2013-07-11 | 2013-11-27 | 北京大学深圳研究生院 | 用于实现三维页面的方法及系统 |
CN105279089A (zh) * | 2015-10-30 | 2016-01-27 | 中国人民财产保险股份有限公司 | 一种获取页面元素的方法及装置 |
CN105653750A (zh) * | 2014-12-03 | 2016-06-08 | 航天科工仿真技术有限责任公司 | 人机界面三维设计系统中组件布局的实现方法 |
CN106951067A (zh) * | 2017-02-13 | 2017-07-14 | 歌尔科技有限公司 | 一种虚拟现实场景的生成方法及设备 |
CN107193549A (zh) * | 2017-04-14 | 2017-09-22 | 弘成科技发展有限公司 | 基于元数据的网页快速开发方法 |
CN109358843A (zh) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | 一种面向金融终端交易的快速页面构建办法 |
-
2020
- 2020-01-10 CN CN202010027708.1A patent/CN111258690A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080273031A1 (en) * | 2005-12-08 | 2008-11-06 | Xgi Technology Inc. (Cayman) | Page based rendering in 3D graphics system |
FR2903793A1 (fr) * | 2006-07-12 | 2008-01-18 | E On Software Sarl | Procede de creation de scenes en trois dimensions |
CN101118493A (zh) * | 2007-09-17 | 2008-02-06 | 张威 | 一种在网页浏览器中制作动态网站的方法 |
CN103294711A (zh) * | 2012-02-28 | 2013-09-11 | 阿里巴巴集团控股有限公司 | 一种确定网页中的页面元素的方法以及装置 |
CN103412874A (zh) * | 2013-07-11 | 2013-11-27 | 北京大学深圳研究生院 | 用于实现三维页面的方法及系统 |
CN105653750A (zh) * | 2014-12-03 | 2016-06-08 | 航天科工仿真技术有限责任公司 | 人机界面三维设计系统中组件布局的实现方法 |
CN105279089A (zh) * | 2015-10-30 | 2016-01-27 | 中国人民财产保险股份有限公司 | 一种获取页面元素的方法及装置 |
CN106951067A (zh) * | 2017-02-13 | 2017-07-14 | 歌尔科技有限公司 | 一种虚拟现实场景的生成方法及设备 |
CN107193549A (zh) * | 2017-04-14 | 2017-09-22 | 弘成科技发展有限公司 | 基于元数据的网页快速开发方法 |
CN109358843A (zh) * | 2018-09-30 | 2019-02-19 | 苏州浪潮智能软件有限公司 | 一种面向金融终端交易的快速页面构建办法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111831278A (zh) * | 2020-07-14 | 2020-10-27 | 北京思特奇信息技术股份有限公司 | 业务元素自适应匹配方法、装置、电子设备及存储介质 |
CN112286518A (zh) * | 2020-12-15 | 2021-01-29 | 成都四方伟业软件股份有限公司 | 一种3d可视化自动化场景构建方法及系统 |
CN112286518B (zh) * | 2020-12-15 | 2021-04-13 | 成都四方伟业软件股份有限公司 | 一种3d可视化自动化场景构建方法及系统 |
WO2023142945A1 (zh) * | 2022-01-27 | 2023-08-03 | 华为技术有限公司 | 3d模型生成方法及相关装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2018014766A1 (zh) | 增强现实模块的生成方法及装置、生成系统和存储介质 | |
CN111258690A (zh) | 一种构建3d页面的方法和装置 | |
WO2017113681A1 (zh) | 一种基于虚拟现实技术的视频图像处理方法及装置 | |
CN112868224B (zh) | 捕获和编辑动态深度图像的方法、装置和存储介质 | |
US11227437B2 (en) | Three-dimensional model constructing method, apparatus, and system | |
CN108765536A (zh) | 一种虚拟三维空间的同步处理方法及装置 | |
CN113012280B (zh) | 一种vr虚拟展厅构建方法和装置 | |
CN108880983B (zh) | 一种虚拟三维空间的语音实时处理方法及装置 | |
CN108776917B (zh) | 一种虚拟三维空间的同步处理方法及装置 | |
CN108765084B (zh) | 一种虚拟三维空间的同步处理方法及装置 | |
CN112258619A (zh) | 一种图像处理方法和装置 | |
CN111432142B (zh) | 视频合成方法、装置、设备及存储介质 | |
CN114697703B (zh) | 视频数据生成方法、装置、电子设备及存储介质 | |
CN108134906B (zh) | 图像处理方法及其系统 | |
CN110288523B (zh) | 图像生成方法和装置 | |
CN112614049A (zh) | 图像处理方法、装置、存储介质以及终端 | |
CN115396500B (zh) | 基于专网的服务平台切换方法、系统及电子设备 | |
CN106303646A (zh) | 一种特效匹配的方法、电子设备及服务器 | |
CN109062645B (zh) | 用于终端的处理信息的方法和装置 | |
CN113781608A (zh) | 一种动画编辑方法及装置 | |
US10761322B2 (en) | Targeted content with image capture | |
CN118113409B (zh) | 一种内容渲染方法和相关装置 | |
CN113438541B (zh) | 一种视点动画生成方法、装置、设备和存储介质 | |
Peng et al. | High-efficiency generating of photorealistic super-multiview image for glasses-free three-dimensional display based on distributed rendering | |
CN117093170A (zh) | 二维信息和三维信息显示的联动确定方法及相关设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220929 Address after: 25 Financial Street, Xicheng District, Beijing 100033 Applicant after: CHINA CONSTRUCTION BANK Corp. Address before: 25 Financial Street, Xicheng District, Beijing 100033 Applicant before: CHINA CONSTRUCTION BANK Corp. Applicant before: Jianxin Financial Science and Technology Co.,Ltd. |
|
TA01 | Transfer of patent application right |