一种构建3D页面的方法和装置制造方法及图纸

本发明专利技术公开了一种构建3D页面的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：根据构建请求加载3D页面元素库；其中，所述构建请求中至少包括待构建场景；所述3D页面元素库中包括至少一个3D页面元素，以及所述至少一个3D页面元素的属性信息；根据所述待构建场景和所述3D页面元素库，获取目标页面元素以及其属性信息；根据所述目标页面元素以及其属性信息进行组装和渲染，形成目标3D页面。该方法能够快速构建3D页面，并且复用度高，开发和维护成本低。

A method and device for building 3D pages

【技术实现步骤摘要】
一种构建3D页面的方法和装置
本专利技术涉及计算机
，尤其涉及一种构建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是根据本专利技术实施例本文档来自技高网...

【技术保护点】
1.一种构建3D页面的方法，其特征在于，包括：/n根据构建请求加载3D页面元素库；其中，所述构建请求中至少包括待构建场景；所述3D页面元素库中包括至少一个3D页面元素，以及所述至少一个3D页面元素的属性信息；/n根据所述待构建场景和所述3D页面元素库，获取目标页面元素以及其属性信息；/n根据所述目标页面元素以及其属性信息进行组装和渲染，形成目标3D页面。/n

【技术特征摘要】
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任一项所述的方法，其特征在于，所述属性信息至少包括一下一种：颜色信息、尺寸信息、字体...

【专利技术属性】
技术研发人员：邓玉，杨杰，谢晖，吕乐，黎民，
申请(专利权)人：中国建设银行股份有限公司，建信金融科技有限责任公司，
类型：发明
国别省市：北京;11