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

说明书

本申请提供一种界面渲染方法、装置、电子设备及存储介质，涉及界面显示技术领域。其中，该方法通过获取三维页面模型的页面贴图，基于页面贴图和预设三维场景中的三维页面模型，获取渲染后的三维场景，将渲染后的三维场景转换至预设三维场景对应的二维场景界面中，获取渲染后的二维界面，使得三维页面模型可以在2D交互界面展示，相比于现有技术，由于在进行3D效果的呈现时可以基于渲染后的三维场景实现，避免通过序列帧动画实现，因此，应用本申请实施例可以占用较少的设备运行内存，提高设备运行速度，且还可以呈现一种真实的3D效果，提高用户交互体验。

技术领域

本申请涉及界面显示技术领域，特别涉及一种界面渲染方法、装置、电子设备及存储介质。

背景技术

随着移动设备的发展，人们追求更真实和丰富的交互界面，越来越关注逼真的三维(3-Dimension，3D)视觉效果，在游戏开发中，3D游戏也已经成为市场的主导，而且人们希望在一些场景下能让交互界面也以3D的方式呈现出来，使得通过3D渲染的方式能让这些场景表现更加生动，给人沉浸式的体验。

现有呈现3D效果的方式，主要是在原有简单的二维(2-Dimension，2D)界面增加图片控件的层数，通过制作不同内容的2D图片资源，然后使用2D动画的方式逐帧改变它们的位置关系，大小以及透明度等参数，用一种“欺骗肉眼”的方式呈现一种3D效果。

但现有呈现3D效果的方式中，由于实际上是类似2D游戏中的序列帧动画，其采用序列帧动画呈现3D效果，因此，一次表现需要多张图，占用较大的设备运行内存。

发明内容

本申请的目的在于，针对上述现有技术中的不足，提供一种界面渲染方法、装置、电子设备及存储介质，可以解决现有在呈现三维效果时占用的设备运行内存较大，设备的运行速度较低的技术问题。

为实现上述目的，本申请实施例采用的技术方案如下：

第一方面，本申请实施例提供了一种界面渲染方法，该方法包括：

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

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

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

可选地，三维页面模型所对应的长宽比例满足第一预设比值，获取三维页面模型的页面贴图，包括：

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

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

可选地，基于页面贴图和预设三维场景中的三维页面模型，获取渲染后的三维场景，包括：

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

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

可选地，获取三维页面模型在预设三维场景中的坐标位置，包括：

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

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

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

可选地，底板控件所对应的长宽比例满足第二预设比值，根据预设位置、三维页面模型在预设三维场景中的初始坐标位置，计算获取三维页面模型与虚拟相机之间的距离参数，包括：