界面渲染方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111803945A(43)申请公布日2020.10.23(21)申请号202010720204.8(22)申请日2020.07.23(71)申请人网易(杭州)网络有限公司地址310052浙江省杭州市滨江区长河街道网商路599号4幢7层(72)发明人沈佳照(74)专利代理机构北京超成律师事务所11646代理人张芮(51)Int.Cl.A63F13/52(2014.01)A63F13/60(2014.01)G06T15/00(2011.01)权利要求书2页说明书13页附图5页(54)发明名称界面渲染方法、装置、电子设备及存储介质(57)摘要本申请提供一种界面渲染方法、装置、电子设备及存储介质，涉及界面显示技术领域。其中，该方法通过获取三维页面模型的页面贴图，基于页面贴图和预设三维场景中的三维页面模型，获取渲染后的三维场景，将渲染后的三维场景转换至预设三维场景对应的二维场景界面中，获取渲染后的二维界面，使得三维页面模型可以在2D交互界面展示，相比于现有技术，由于在进行3D效果的呈现时可以基于渲染后的三维场景实现，避免通过序列帧动画实现，因此，应用本申请实施例可以占用较少的设备运行内存，提高设备运行速度，且还可以呈现一种真实的3D效果，提高用户交互体验。CN111803945ACN111803945A权利要求书1/2页1.一种界面渲染方法，其特征在于，所述方法包括：获取三维页面模型的页面贴图；基于所述页面贴图和预设三维场景中的所述三维页面模型，获取渲染后的三维场景；将所述渲染后的三维场景转换至所述预设三维场景对应的二维场景界面中，获取渲染后的二维界面。2.根据权利要求1所述的方法，其特征在于，所述三维页面模型所对应的长宽比例满足第一预设比值，所述获取三维页面模型的页面贴图，包括：获取初始二维场景界面中的挂接控件、底板控件及内容控件，其中，所述底板控件和所述内容控件为所述挂接控件的子节点，所述内容控件所对应的长宽比例满足所述第一预设比值；根据所述内容控件对应的页面贴图，获取所述三维页面模型的页面贴图。3.根据权利要求2所述的方法，其特征在于，所述基于所述页面贴图和预设三维场景中的所述三维页面模型，获取渲染后的三维场景，包括：获取所述三维页面模型在所述预设三维场景中的坐标位置；根据所述页面贴图和所述三维页面模型在所述预设三维场景中的坐标位置，获取渲染后的三维场景。4.根据权利要求3所述的方法，其特征在于，所述获取所述三维页面模型在所述预设三维场景中的坐标位置，包括：以所述预设三维场景中预设位置的虚拟相机为取景参照，获取所述三维页面模型在所述预设三维场景中的初始坐标位置；根据所述预设位置、所述三维页面模型在所述预设三维场景中的初始坐标位置，计算获取所述三维页面模型与所述虚拟相机之间的距离参数；根据所述距离参数，确定所述三维页面模型在所述预设三维场景中的坐标位置。5.根据权利要求4所述的方法，其特征在于，所述底板控件所对应的长宽比例满足第二预设比值，所述根据所述预设位置、所述三维页面模型在所述预设三维场景中的初始坐标位置，计算获取所述三维页面模型与所述虚拟相机之间的距离参数，包括：根据所述虚拟相机的视场角、所述三维页面模型所对应的长度、以及预设显示屏幕的宽度，计算获取所述三维页面模型与所述虚拟相机之间的距离参数；其中，所述三维页面模型所对应的长度与所述预设显示屏幕的宽度的比值，等于所述底板控件所对应的长度与所述内容控件所对应的长度的比值。6.根据权利要求2所述的方法，其特征在于，所述将所述渲染后的三维场景转换至所述预设三维场景对应的二维场景界面中，获取渲染后的二维界面，包括：获取所述渲染后的三维场景对应的页面贴图；将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面。7.根据权利要求6所述的方法，其特征在于，所述将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面，包括：获取所述页面贴图所对应的页面控件，将所述页面控件挂载至所述挂接控件上；根据所述挂接控件将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对2CN111803945A权利要求书2/2页应的二维场景界面中显示，获取渲染后的二维界面。8.根据权利要求7所述的方法，其特征在于，所述根据所述挂接控件将所述渲染后的三维场景对应的页面贴图在所述预设三维场景对应的二维场景界面中显示，获取渲染后的二维界面，还包括：通过所述挂接控件所挂载的所述页面控件接收针对所述渲染后的二维界面的触控操作，将所述触控操作对应的触控逻辑分别转发给所述三维页面模型和所述内容控件；根据所述触控逻辑，确定所述三维页面模型中所述页面贴图对应的设