[发明专利]界面渲染方法、装置、电子设备及存储介质

权利要求书

1.一种界面渲染方法，其特征在于，所述方法包括：

获取三维页面模型的页面贴图；

基于所述页面贴图和预设三维场景中的所述三维页面模型，获取渲染后的三维场景；

将所述渲染后的三维场景转换至所述预设三维场景对应的二维场景界面中，获取渲染后的二维界面。

2.根据权利要求1所述的方法，其特征在于，所述三维页面模型所对应的长宽比例满足第一预设比值，所述获取三维页面模型的页面贴图，包括：

获取初始二维场景界面中的挂接控件、底板控件及内容控件，其中，所述底板控件和所述内容控件为所述挂接控件的子节点，所述内容控件所对应的长宽比例满足所述第一预设比值；

根据所述内容控件对应的页面贴图，获取所述三维页面模型的页面贴图。

3.根据权利要求2所述的方法，其特征在于，所述基于所述页面贴图和预设三维场景中的所述三维页面模型，获取渲染后的三维场景，包括：

获取所述三维页面模型在所述预设三维场景中的坐标位置；

根据所述页面贴图和所述三维页面模型在所述预设三维场景中的坐标位置，获取渲染后的三维场景。

4.根据权利要求3所述的方法，其特征在于，所述获取所述三维页面模型在所述预设三维场景中的坐标位置，包括：

以所述预设三维场景中预设位置的虚拟相机为取景参照，获取所述三维页面模型在所述预设三维场景中的初始坐标位置；

根据所述预设位置、所述三维页面模型在所述预设三维场景中的初始坐标位置，计算获取所述三维页面模型与所述虚拟相机之间的距离参数；

根据所述距离参数，确定所述三维页面模型在所述预设三维场景中的坐标位置。

5.根据权利要求4所述的方法，其特征在于，所述底板控件所对应的长宽比例满足第二预设比值，所述根据所述预设位置、所述三维页面模型在所述预设三维场景中的初始坐标位置，计算获取所述三维页面模型与所述虚拟相机之间的距离参数，包括：

根据所述虚拟相机的视场角、所述三维页面模型所对应的长度、以及预设显示屏幕的宽度，计算获取所述三维页面模型与所述虚拟相机之间的距离参数；

其中，所述三维页面模型所对应的长度与所述预设显示屏幕的宽度的比值，等于所述底板控件所对应的长度与所述内容控件所对应的长度的比值。

6.根据权利要求2所述的方法，其特征在于，所述将所述渲染后的三维场景转换至所述预设三维场景对应的二维场景界面中，获取渲染后的二维界面，包括：

获取所述渲染后的三维场景对应的页面贴图；

将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面。

7.根据权利要求6所述的方法，其特征在于，所述将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面，包括：

获取所述页面贴图所对应的页面控件，将所述页面控件挂载至所述挂接控件上；

根据所述挂接控件将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面。

8.根据权利要求7所述的方法，其特征在于，所述根据所述挂接控件将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面，还包括：

通过所述挂接控件所挂载的所述页面控件接收针对所述渲染后的二维界面的触控操作，将所述触控操作对应的触控逻辑分别转发给所述三维页面模型和所述内容控件；

根据所述触控逻辑，确定所述三维页面模型中所述页面贴图对应的设置参数；

根据所述页面贴图对应的设置参数和所述内容控件，将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面。