CN116437153A - 虚拟模型的预览方法、装置、电子设备及存储介质 - Google Patents

Abstract

本申请涉及网络直播领域，提供了一种虚拟模型的预览方法、装置、电子设备及计算机可读存储介质；通过获取编辑器窗口页面的窗口属性信息创建独立的预览窗口页面，模拟客户端界面；获取编辑器窗口页面上当前在编辑的虚拟模型的已编辑配置信息记录到预览配置文件中；从编辑器服务器下载虚拟模型的预览模型资源在预览窗口页面上创建预览虚拟模型，并进行属性配置；将预览虚拟模型渲染到预览窗口页面上并根据输入的预览操作进行相应的预览展示。该技术方案，编辑者在编辑一个虚拟模型后，可以同步在虚拟真机中展示并查看，由此可以获得更加友好的预览页面，并且可以实时地得到在真机上验证模型特效效果，提高了虚拟模型的编辑输出速度，提升编辑效率。

Description

虚拟模型的预览方法、装置、电子设备及存储介质

技术领域

本申请涉及网络直播技术领域，特别是涉及一种虚拟模型的预览方法、装置、电子设备及计算机可读存储介质。

背景技术

随着元宇宙技术的发展，在直播领域也得到越来越多的应用，基于元宇宙搭建的虚拟直播间空间，可以展示各种虚拟资源，可供主播和观众可以进行更加沉浸式的直播互动。

目前在直播领域中，赠送虚拟礼物、入场秀和虚拟形象等广泛使用虚拟模型，如各种虚拟特效、人物模型、角色模型等，常规制作虚拟模型资源的技术，多是通过游戏引擎提供的编辑器进行编辑，编辑者在使用这些编辑器的过程中，往往需要对所编辑的虚拟模型当前配置下的运行状态进行预览，一般情况下，编辑器的编辑区也是作为预览时的预览区，当一个正在编辑中的虚拟模型需要预览时，利用编辑器提供的预览功能呈现运行过程。

上述预览技术，在当前编辑界面的预览，会对编辑操作带来影响，严重影响了虚拟模型的编辑工作，而且无法在编辑器真实模拟出在真机中运行状态，预览效果较差。

发明内容

基于此，有必要针对上述技术问题之一，提供一种虚拟模型的预览方法、装置、电子设备及计算机可读存储介质，提高虚拟模型动画的播放效果以及互动性。

第一方面，本申请提供了一种虚拟模型的预览方法，包括：

获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面；

获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中；

从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置；

将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示。

在一个实施例中，所述的虚拟模型的预览方法，还包括：

获取所述虚拟模型添加的特效资源的特效信息并记录到所述预览配置文件中；

所述根据所述预览配置文件对所述预览虚拟模型进行属性配置，还包括：

根据特效信息从编辑器服务器加载相应的特效资源；

根据所述预览配置文件中的特效信息对所述特效资源的属性进行赋值，并将所述虚拟模型及其挂载的特效资源加载到所述预览窗口页面上。

在一个实施例中，所述的虚拟模型的预览方法，还包括：

获取所述特效资源添加的个性化脚本并保存到所述预览配置文件中；其中，所述个性化脚本包括控制脚本和点击事件脚本；

所述根据所述预览配置文件对所述预览虚拟模型进行属性配置，还包括：

根据所述控制脚本配置在预览所述特效资源过程中的脚本控制功能，以及根据所述点击事件脚本配置在预览所述特效资源过程中响应点击事件并执行相应方法的功能。

在一个实施例中，所述获取编辑器窗口页面的窗口属性信息之前，还包括：

在编辑器上导入元宇宙直播间的虚拟模型的编辑模型资源，根据所述模型资源文件生成虚拟模型编辑项目；

所述根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，包括：

根据所述预览模型资源在所述预览窗口页面上创建虚拟模型预览项目，通过所述编辑器将虚拟模型编辑项目的预览配置文件发送到虚拟模型预览项目中；

根据所述预览配置文件生成所述预览虚拟模型在预览窗口页面上的配置信息。

在一个实施例中，获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面，包括：

获取编辑器窗口页面的显示界面和编辑界面的属性信息，根据所述属性信息以及需要模拟的真机的客户端界面创建一个独立的预览窗口页面；

将所述预览窗口页面存储到预先构建的iframe对象中；

建立所述编辑器窗口页面的进程与预览窗口页面的进程之间的通讯联系通道。

在一个实施例中，在所述将所述预览虚拟模型渲染到所述预览窗口页面上之前，还包括：

针对于不同设备类型的终端设备，分别设置客户端界面适配的分辨率，并在编辑器窗口页面上配置设备类型的自选框及备选机型列表；

通过所述自选框从所述备选机型列表中选择所需的预览设备类型，根据所选择的预览设备类型更新所述预览窗口页面的分辨率。

在一个实施例中，在所述将所述预览虚拟模型渲染到所述预览窗口页面上之前，还包括：

获取所述虚拟模型在元宇宙直播间中的应用场景，分别设置所述应用场景适配的背景图，并在编辑器窗口页面上配置所述应用场景的自选框及备选应用场景列表；

通过所述自选框从所述备选应用场景列表中选择所需的应用场景，根据所选择的应用场景更新所述预览窗口页面的背景图。

第二方面，本申请提供了一种虚拟模型的预览装置，包括：

窗口创建模块，用于获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面；

预览配置模块，用于获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中；

资源下载模块，用于从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置；

模型预览模块，用于将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示。

第三方面，本申请提供了一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现所述虚拟模型的预览方法的步骤。

第四方面，本申请提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现所述虚拟模型的预览方法的步骤。

上述虚拟模型的预览方法、装置、电子设备及计算机可读存储介质，首先通过获取编辑器窗口页面的窗口属性信息来创建独立于所述编辑器窗口页面的预览窗口页面，模拟客户端界面；然后获取编辑器窗口页面上当前在编辑的虚拟模型的已编辑配置信息并记录到预览配置文件中；在预览时，从编辑器服务器下载虚拟模型的预览模型资源，在预览窗口页面上创建预览虚拟模型并进行属性配置；最后将预览虚拟模型渲染到所述预览窗口页面上结合预览操作进行相应的预览展示。该技术方案，通过在与编辑器窗口页面同一个界面上，利用独立于编辑器窗口页面的预览窗口页面来同步模拟真机的环境，在客户端界面同步进行虚拟模型的预览展示，使得编辑者在编辑一个虚拟模型后，可以同步在虚拟真机中展示并查看，由此可以获得更加友好的预览页面，并且可以实时地得到在真机上验证模型特效效果，提高了虚拟模型的编辑输出速度，提升编辑效率。

进一步的，可以根据模拟终端的设备类型来选择适配的分辨率来更新预览窗口页面的分辨率以及根据模拟的应用场景选择来预览窗口页面适配的背景图，由此可以实现切换不同设备类型的分辨率和切换应用场景的模拟预览，从而提高了编辑器中模拟真机的预览效果。

进一步的，在预览的虚拟模型中，还可以对编辑器添加的模型或粒子特效等特效资源的预览展示，以及对预先配置的个性化脚本的功能预览，便于编辑者编辑出虚拟模型动画与多种模型动作动画组合播放效果以及脚本控制能力，由此提升了编辑的虚拟模型的3D特效效果和互动性，提高用户的观看留存率和日活量。

附图说明

图1是一个示例的元宇宙直播系统结构框图；

图2是一个实施例的虚拟模型的预览方法流程图；

图3是一个示例的配置预览窗口页面的流程图；

图4是一个示例的预览窗口页面示意图；

图5是一个示例的预览模式选择界面示意图；

图6是一个示例的预览窗口页面加载资源流程图；

图7是一个示例的虚拟模型的预览方法时序图；

图8是一个实施例的虚拟模型的预览装置结构示意图；

图9为一个示例的电子设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

如图1所示，图1是一个示例的元宇宙直播系统结构框图，直播间的主播端和多个观众端(如观众端1、观众端2，……)，主播端和多个观众端分别可以通过互联网与服务器进行通信，服务器可以为直播间的主播端和多个观众端提供直播相关服务。其中，终端可以但不限于是智能手机、平板电脑和头戴式虚拟现实设备等；服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在元宇宙直播场景下，服务器可以为直播间的主播和观众创建独立的元宇宙场景，搭建出一个与现实世界并行的虚拟空间，通过利用科技手段进行链接与创造出一个现实世界映射与交互的虚拟世界，可以在该虚拟空间中展示如人物、动物等各种三维的虚拟形象，主播和观众在该虚拟空间中可以与三维的虚拟形象进行自由的互动，例如在元宇宙场景下，当用户带上VR设备时，眼睛会看到三维的视觉的画面内容，获得更多更为丰富的立体交互及3D特效渲染效果。

直播间的用户可以通过如手机、头戴式虚拟现实设备(如VR设备)等终端完成人机交互，实现基本的控制操作，如手势移动切换，选择退出等，终端可以接收并显示服务器发送的如直播视频流、虚拟礼物等数据，为元宇宙场景显示信息，同时为用户提供元宇宙信息。在包含但不限于是元宇宙直播场景中，基于本申请提供的虚拟模型的预览方法，终端可以通过头戴式虚拟现实设备在虚拟现实直播间中播放虚拟模型，观众可以在观众端通过头戴式虚拟现实设备发出虚拟礼物赠送请求，终端可以在虚拟现实直播间中播放该虚拟特效的虚拟模型。

在元宇宙播放场景下，需要使用编辑器来编辑各种各样的虚拟模型及模型特效，在编辑过程中，编辑者通常需要对这些虚拟模型及特效效果进行预览，从而可以对所编辑的虚拟模型的显示效果进行检查和评估，通过不断的修改才能够编辑出优质的虚拟模型。本申请的虚拟模型的预览方法，通过在编辑器界面上创建的独立的预览窗口页面，可以将设计好的虚拟模型在编辑器中进行模拟真机的同步预览，编辑者在编辑一个3D模型后，可以同步在虚拟真机中展示并查看，编辑者可以获得更加友好的预览页面，并且可以同步在真机上验证模型特效效果，提高了虚拟模型的编辑输出速度，提升虚拟模型编辑效率。

为了便于实施例的描述，如图2所示，图2是一个实施例的虚拟模型的预览方法流程图，可以包括以下步骤：

步骤S11，获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面。

此步骤中，针对于要预览的编辑器窗口页面，首先获取其窗口属性信息，如所编辑的虚拟模型名称、类型、添加的特效及显示参数等等；然后根据窗口属性信息创建独立于该编辑器窗口页面的预览窗口页面。当编辑者通过编辑器来启动预览功能时，编辑器在界面上启动预先配置好的独立于编辑器窗口页面的预览窗口页面，通过该预览窗口页面来模拟真机的客户端界面。

在一个实施例中，在步骤S11之前，在编辑器上导入元宇宙直播间的虚拟模型的编辑模型资源，根据所述模型资源文件生成虚拟模型编辑项目。

具体的，在启动编辑器的预览窗口页面时，可以通过获取用户在编辑器页面上触发的预览指令，启动引擎生成预览窗口页面，并创建一个预览项目，在预览设置时，可以将所需预览的相关配置及需要的资源文件等放入到该预览项目中进行打包同步传输，便于从编辑器窗口页面传递到预览窗口页面；优选的，可以在编辑器上设置预览按钮，编辑者通过点击预览按钮来实现触发预览功能，此时编辑器启动引擎来生成一个独立于编辑器窗口页面的预览窗口页面。

作为实施例，针对于预览窗口页面配置过程，以下将提供生成编辑器的预览窗口页面实施例的方案。

参考图3所示，图3是一个示例的配置预览窗口页面的流程图，本实施例中以cocos编辑器为例对技术方案进行举例描述，可以包括如下步骤：

S101，获取编辑器窗口页面的显示界面和编辑界面的属性信息，根据所述属性信息以及需要模拟的真机的客户端界面创建一个独立的预览窗口页面。

具体的，基于同一个终端设备的界面上同时配置编辑器窗口页面和预览窗口页面，首先获取编辑器窗口页面的显示界面和编辑界面所配置的相关的属性信息，模拟真机的客户端界面，创建一个独立于编辑器窗口页面的预览窗口页面，从界面上看编辑器窗口页面与预览窗口页面属于同一个编辑界面，便于同步编辑和预览。

例如，参考图4所示，图4是一个示例的预览窗口页面示意图，可以在编辑器窗口页面(图中左侧虚线框)的右侧创建独立的预览窗口页面(图中右侧虚线框)，而从界面上看两者可以拼接成一个整体的窗口页面，便于编辑者进行虚拟模型编辑时同步进行预览。编辑者点击编辑器窗口页面上的预览按钮后，可以在编辑器侧边上通过创建一个页面作为预览窗口页面，加载编辑器编辑好的虚拟模型项目工程，预览最新的虚拟模型项目工程的特效。

S102，将所述预览窗口页面存储到预先构建的iframe(一种Html标签，用于实现文档中的文档或者浮动的框架)对象中。

构建一个iframe对象，用于存储所述预览窗口页面，通过iframe对象可以在一个独立的网页对象中嵌入一个预览窗口页面；例如，通过iframe来存储一个新的cocos界面获得预览窗口页面。

S103，建立所述编辑器窗口页面的进程与预览窗口页面的进程之间的通讯联系通道。

由于编辑器窗口页面与预览窗口页面是在界面呈现形式上属于同一个编辑界面，两者实质属于不同的载体，因此在后台建立所述编辑器窗口页面与预览窗口页面的进程之间的通讯联系，从而可以实现两者同步传递数据功能；具体的，设置编辑器窗口页面与预览窗口页面的进程通过进程间通信方式进行数据交互，同时由于编辑器使用的元宇宙直播间的虚拟模型是保存在编辑器服务器上，因此还设置预览窗口页面访问编辑器服务器的通信功能，由此，预览窗口页面的进程可以从编辑器窗口页面进程同步相关配置数据，也可以访问服务器下载相关资源文件。

为了提升本实施例中预览窗口页面所模拟客户端界面的类型以及应用场景真实效果，在一个实施例中，本申请还提供了多种设备类型和应用场景来供编辑者进行选择，从而实现多种预览模式选择功能。

作为一实施例，可以针对于不同设备类型的终端设备，分别设置客户端界面适配的分辨率，并在编辑器窗口页面上配置设备类型的自选框及备选机型列表；通过所述自选框从所述备选机型列表中选择所需的预览设备类型，根据所选择的预览设备类型更新所述预览窗口页面的分辨率。

作为一实施例，可以获取所述虚拟模型在元宇宙直播间中的应用场景，分别设置所述应用场景适配的背景图，并在编辑器窗口页面上配置所述应用场景的自选框及备选应用场景列表；通过所述自选框从所述备选应用场景列表中选择所需的应用场景，根据所选择的应用场景更新所述预览窗口页面的背景图。

如图5所示，图5是一个示例的预览模式选择界面示意图，通过在编辑器窗口页面上可以配置预览模式选择的自选框；如图5，可以在编辑器窗口页面上配置选择设备类型和选择应用场景的自选框，分别配置各种设备类型适配的分辨率，以及分别配置各个应用场景适配的背景图。

基于此，在预览时，编辑者可以获取模拟终端的设备类型，并根据设备类型从预设的机型列表中选择适配的分辨率，更新所述预览窗口页面的分辨率；以及获取模拟应用场景，根据应用场景选择适配的背景图，更新预览窗口页面的背景图。

例如，通过图5中编辑器窗口页面提供的2个自选框，可以选择机型(设备类型)和应用场景，其中，开发人员可以预先设置几款机型的分辨率，当选中某个机型的时候，则更改预览窗口页面当前预览的iframe对象的分辨率，同时预先设置几个应用场景的背景图，当选中某个应用场景时，则更新当前预览的iframe对象的背景图；作为示例，实际应用中，预览功能可以配置三种常用终端设备的预览分辨率，如andorid端、iOS端和PC端等，对应的应用场景可以包括语音房，直播间和首页等。

上述实施例的技术方案，可以根据模拟终端的设备类型来选择适配的分辨率来更新预览窗口页面的分辨率以及根据模拟的应用场景选择来预览窗口页面适配的背景图，由此可以实现切换不同设备类型的分辨率和切换应用场景的模拟预览，从而提高了编辑器中模拟真机的预览效果。

步骤S12，获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中。

此步骤中，针对于编辑器窗口页面上当前在编辑的虚拟模型，需要同步器当前状态下的已编辑配置信息来进行编辑效果预览，因此，将已编辑配置信息记录到预览配置文件中保存，编辑器窗口页面可以通过进程间通信方式将虚拟模型的预览配置文件传递到预览窗口页面，从而实现已编辑配置信息同步到预览窗口页面上。

在一个实施例中，由于编辑器在编辑虚拟模型中，可以添加各种特效资源，因此，对于预览配置文件，除了记录已编辑配置信息，还可以获取所述虚拟模型添加的特效资源的特效信息并记录到所述预览配置文件中，从而可以将编辑器已编辑的特效资源同步到预览窗口页面上进行预览；进一步的，对于在特效资源上所添加的个性化脚本，也可以采用同样方式进行同步；因此本实施例还可以获取特效资源添加的控制脚本和点击事件脚本等个性化脚本并保存到所述预览配置文件中。

在一个实施例中，通过编辑器可以将编辑项目的预览配置文件发送到虚拟模型预览项目中；在此处，预览窗口页面中的运行的载体项目与编辑器的运行载体项目是针对于同一个虚拟模型，但两个载体项目是独立分开的项目工程。

当编辑者在编辑器上点击保存时，编辑器保存相关配置信息并将所编辑的虚拟模型保存到编辑器服务器上，当需要预览时，编辑器窗口页面首先需要将当前编辑的虚拟模型的配置信息传递到预览窗口页面。

步骤S13，从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置。

此步骤中，根据预览窗口页面预先建立的与编辑服务器的通道，可以根据预览配置文件从编辑器服务器下载模型资源，根据所述模型资源创建虚拟模型并配置属性。

此步骤中，预览窗口页面的预览项目接收到预览配置文件后解析出配置信息，预览项目优先会读取配置信息中的资源文件，从编辑器服务器下载模型资源下载到预览项目中，然后根据下载的模型资源及配置信息创建出虚拟模型并按照原配置信息进行属性配置，从而实现虚拟模型在编辑窗口页面到预览窗口页面的同步传递。

在一个实施例中，基于步骤S11的实施例中所构建的创建的预览项目，步骤S13的在预览窗口页面上创建预览虚拟模型时，可以包括如下：

根据所述预览模型资源在所述预览窗口页面上创建虚拟模型预览项目，通过所述编辑器将虚拟模型编辑项目的预览配置文件发送到虚拟模型预览项目中；根据所述预览配置文件生成所述预览虚拟模型在预览窗口页面上的配置信息。

上述实施例的方案，通过创建虚拟模型预览项目，编辑器就可以将虚拟模型编辑项目的预览配置文件传递到虚拟模型预览项目中，从而可以在预览窗口页面上构建模拟真机的客户端界面。

进一步的，如前述实施例中，如果编辑器所编辑的虚拟模型中添加了各种特效资源及个性化脚本，这些添加的特效资源的特效信息及个性化脚本通过预览配置文件，也同步传递到预览窗口页面的虚拟模型预览项目中。

据此，在一个实施例中，参考图6所示，图6是一个示例的预览窗口页面加载资源流程图，本实施例的方法还可以包括如下步骤：

S301，根据特效信息从编辑器服务器加载相应的特效资源。

具体的，根据所述预览配置文件获取虚拟模型添加的特效信息，根据预览配置文件来获取到虚拟模型在编辑是所添加的如模型、粒子等特效信息，从编辑器服务器加载相应的特效资源。

S302，根据所述预览配置文件中的特效信息对所述特效资源的属性进行赋值，并将所述虚拟模型及其挂载的特效资源加载到所述预览窗口页面上。

具体的，根据特效信息特效资源的属性进行赋值，根据配置信息对加载的特效资源也进行相应的属性设置，将虚拟模型及其挂载的特效资源加载到所述预览窗口页面上，从而实现虚拟模型特效及其挂载的特效资源同步到预览窗口页面上。

S303，根据所述控制脚本配置在预览所述特效资源过程中的脚本控制功能，以及根据所述点击事件脚本配置在预览所述特效资源过程中响应点击事件并执行相应方法的功能。

具体的，编辑器通过预配置的个性化脚本使得虚拟模型在播放过程中可以进行相应的脚本控制，因此，通过预览配置文件将个性化脚本同步过来后，根据预览配置文件中特效资源的个性化脚本及其相关配置信息，配置特效资源的脚本信息和点击事件，在预览窗口页面上配置相应的脚本控制功能，从而可以实现在预览时对虚拟模型的脚本控制功能预览。

上述实施例的技术方案，通过利用预览配置文件来同步虚拟模型的特效信息及个性化脚本，在预览窗口模型上配置相应的脚本控制功能；在预览窗口页面上预览虚拟模型时，也可以对编辑器添加的模型或粒子特效等特效资源的特效效果个性化脚本控制功能进行预览，编辑者可以实时检验特效效果及脚本控制效果。

步骤S14，将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示

此步骤中，通过加载了虚拟模型之后，将虚拟模型放置到预览窗口页面进行预览展示，从而实现虚拟真机的同步预览功能，编辑者可以输入预览操作，对虚拟模型进行控制，从而在预览窗口页面上同步查看和验证虚拟模型的播放效果，得到人机交互更加友好的预览页面，从而提升虚拟模型的编辑输出速度和提高编辑效率。

如前述实施例，在加载完虚拟模型到预览项目之后，可以将虚拟模型及其挂载的特效资源和个性化脚本等放置到预览窗口页面上进行渲染出来；具体的，在渲染时，可以读取插件的默认动画或者默认脚本等，然后开始播放动画或者执行脚本，从而提供给编辑者进行查看和验证等。

上述实施例的技术方案，在预览窗口页面上实现虚拟模型中、特效资源及个性化脚本等的实时同步预览，便于编辑者编辑出虚拟模型动画与多种模型动作动画组合播放效果以及脚本控制能力，由此提升了编辑的虚拟模型的3D特效效果和互动性，提高用户的观看留存率和日活量。

下面结合在元宇宙直播间场景中，阐述利用本申请的虚拟模型的预览方案的应用的示例，该示例中，主要包括如下步骤：

步骤S21，创建虚拟模型。

例如，由美术设计师来设计虚拟模型及相关素材；由音乐创作者创作所需的音频资源，将虚拟模型的相关素材及音乐资源上传到管理系统。

在利用编辑器编辑虚拟模型中，可以编辑虚拟模型动画以及播放控制的代码脚本，在编辑虚拟模型动画中添加模型动作的序列帧动画等；通过代码脚本进行控制绑定以控制模型动作与声音，比如人物虚拟形象的模型动作，走路、站立、举手、说话、跳舞等。对于模型的骨骼关节及音乐素材也进行对应的代码脚本编写。另外，还可以通过代码脚本来添加虚拟模型的触摸能力和脚本控制能力，包括触摸、结合加速度传感器、速度、计步器、方向传感器、陀螺仪、光线、声音等传感器等产生的数据的脚本控制能力；在添加触摸能力时，可以编辑播放控制的代码脚本，在所述虚拟模型的骨骼点上设计一个透明球体，并配置侦测点击事件的点击脚本及其对应执行的方法。

在编辑虚拟模型时，可以采用本申请所提供的虚拟模型的预览方法来对编辑器所编辑的虚拟模型边进行编辑边进行同步真机预览。

具体的，如图7所示，图7是一个示例的虚拟模型的预览方法时序图，主要包括如下步骤：

s1，编辑者在编辑器上打开虚拟模型时，编辑器窗口页面向编辑器服务器请求配置数据。

s2，编辑器服务器返回配置数据到编辑器窗口页面。

s3，编辑者在编辑器上点击预览按钮时，编辑器窗口页面向预览窗口页面发送预览配置文件。

s4，预览窗口页面解析预览配置文件得到配置信息。

s5，预览窗口页面根据配置信息向编辑器服务器请求模型资源。

s6，编辑器窗口页面从编辑器服务器下载模型资源内容。

s7，编辑器窗口页面根据配置信息及模型资源内容创建虚拟模型。

s8，编辑器窗口页面执行预览功能；如播放动画、执行脚本等。

作为一个实施例，对于编辑器编辑发送的预览配置文件中的配置信息，主要包括虚拟模型的属性信息(如创建时间、修改时间、实例列表、播放时间、资源名称及摄像机参数等)，实例模型信息(如路径、实例id、缩放、旋转、动作序列、可见设置及挂接信息等)，挂接信息(挂接物半径、挂接位置偏移、点击事件、目标物体id等)，动作序列信息(如序列名、时间、动作列表、循环次数、触发动作等)，在实际应用中，可以根据需求来选择预览配置文件中的配置信息。

步骤S22，根据业务场景下载虚拟模型动画文件及代码脚本。

例如，在视频直播间中，业务场景可以是礼物特效播放、进场秀、IM聊天界面、个人主页界面等等。

在播放虚拟模型过程中，可以运行代码脚本来对虚拟模型进行触控操作，由于数据库中存储有各种虚拟模型以及代码脚本，不同代码脚本配置不同的控制模式，因此客户端根据需求选择虚拟模型之后，加载相应的代码脚本到客户端。

步骤S23，客户端调用播放器播放虚拟模型动画文件，并利用代码脚本对播放过程进行控制。

在客户端上，在下载虚拟模型动画及代码脚本之后，将代码脚本绑定到虚拟模型上，代码脚本给虚拟模型定义了触控能力，然后调用播放器播放虚拟模型动画，在播放过程中通过代码脚本进行控制，展示特定指定动作能力、音频播放能力等等。

另外，根据代码脚本所添加的加速度传感器、速度、计步器、方向传感器、陀螺仪、光线、声音等传感器数据的脚本控制能力；在播放器播放虚拟模型动画的过程中，利用数据接口读取这些传感器数据，可以实现对虚拟模型播放视角、特效内容进行控制，由此用户可以通过代码脚本来从不同视觉角度观看虚拟模型动画的渲染画面，添加太阳光线特效等。

例如，以人物模型和角色模型为例，根据代码脚本可以控制人物模型；例如，虚拟人物模型的走路、站立、举手、说话、跳舞等，以及角色模型的跳、飞、待机等。

上述示例的技术方案，在元宇宙场景下，针对于客户端播放虚拟模型动画的需求，通过代码脚本配置相应的触控能力，在客户端播放时，利用代码脚本对播放器播放虚拟模型动画进行控制，从而为用户与虚拟模型动画的互动提供了交互机控制方案，用户可以与虚拟模型动画进行实时互动，提升虚拟模型的预览的交互性，特别是在应用于VR设备中，可以丰富虚拟模型表现形式，提高虚拟模型的层次感、空间感和立体感，使得直播过程中具有更加生动的表现效果，特别是应用于元宇宙直播场景下，结合虚拟礼物、进场秀以及虚拟形象的样式，促进元宇宙直播中主播和观众的互动。

应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的虚拟模型的预览方法的虚拟模型的预览装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个虚拟模型的预览装置实施例中的具体限定可以参见上文中对于虚拟模型的预览方法的限定，在此不再赘述。

在一个实施例中，如图8所示，图8是一个实施例的虚拟模型的预览装置结构示意图，可以包括如下：

窗口创建模块11，用于获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面；

预览配置模块12，用于获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中；

资源下载模块13，用于从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置；

模型预览模块14，用于将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示。

上述虚拟模型的预览装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于电子设备中的处理器中，也可以以软件形式存储于电子设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

本实施例的虚拟模型的预览装置可执行本申请的实施例所提供的一种虚拟模型的预览方法，其实现原理相类似，本申请各实施例中的虚拟模型的预览装置中的各模块所执行的动作是与本申请各实施例中的虚拟模型的预览方法中的步骤相对应的，对于虚拟模型的预览装置的各模块的详细功能描述具体可以参见前文中所示的对应的虚拟模型的预览方法中的描述，此处不再赘述。

本申请提供了一种电子设备，该电子设备可以是终端，其内部结构图可以如图9所示，该电子设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的通信接口用于与外部的设备进行有线或无线方式的通信，无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种虚拟模型的预览方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图9中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

本申请还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述各虚拟模型的预览方法实施例中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims (10)

1.一种虚拟模型的预览方法，其特征在于，包括：

获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面；

获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中；

从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置；

将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示。

2.根据权利要求1所述的虚拟模型的预览方法，其特征在于，还包括：

获取所述虚拟模型添加的特效资源的特效信息并记录到所述预览配置文件中；

所述根据所述预览配置文件对所述预览虚拟模型进行属性配置，还包括：

根据特效信息从编辑器服务器加载相应的特效资源；

根据所述预览配置文件中的特效信息对所述特效资源的属性进行赋值，并将所述虚拟模型及其挂载的特效资源加载到所述预览窗口页面上。

3.根据权利要求2所述的虚拟模型的预览方法，其特征在于，还包括：

获取所述特效资源添加的个性化脚本并保存到所述预览配置文件中；其中，所述个性化脚本包括控制脚本和点击事件脚本；

所述根据所述预览配置文件对所述预览虚拟模型进行属性配置，还包括：

根据所述控制脚本配置在预览所述特效资源过程中的脚本控制功能，以及根据所述点击事件脚本配置在预览所述特效资源过程中响应点击事件并执行相应方法的功能。

4.根据权利要求1-3任一项所述的虚拟模型的预览方法，其特征在于，所述获取编辑器窗口页面的窗口属性信息之前，还包括：

在编辑器上导入元宇宙直播间的虚拟模型的编辑模型资源，根据所述模型资源文件生成虚拟模型编辑项目；

所述根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，包括：

根据所述预览模型资源在所述预览窗口页面上创建虚拟模型预览项目，通过所述编辑器将虚拟模型编辑项目的预览配置文件发送到虚拟模型预览项目中；

根据所述预览配置文件生成所述预览虚拟模型在预览窗口页面上的配置信息。

5.根据权利要求4所述的虚拟模型的预览方法，其特征在于，获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面，包括：

获取编辑器窗口页面的显示界面和编辑界面的属性信息，根据所述属性信息以及需要模拟的真机的客户端界面创建一个独立的预览窗口页面；

将所述预览窗口页面存储到预先构建的iframe对象中；

建立所述编辑器窗口页面的进程与预览窗口页面的进程之间的通讯联系通道。

6.根据权利要求4所述的虚拟模型的预览方法，其特征在于，在所述将所述预览虚拟模型渲染到所述预览窗口页面上之前，还包括：

针对于不同设备类型的终端设备，分别设置客户端界面适配的分辨率，并在编辑器窗口页面上配置设备类型的自选框及备选机型列表；

通过所述自选框从所述备选机型列表中选择所需的预览设备类型，根据所选择的预览设备类型更新所述预览窗口页面的分辨率。

7.根据权利要求4所述的虚拟模型的预览方法，其特征在于，在所述将所述预览虚拟模型渲染到所述预览窗口页面上之前，还包括：

获取所述虚拟模型在元宇宙直播间中的应用场景，分别设置所述应用场景适配的背景图，并在编辑器窗口页面上配置所述应用场景的自选框及备选应用场景列表；

通过所述自选框从所述备选应用场景列表中选择所需的应用场景，根据所选择的应用场景更新所述预览窗口页面的背景图。

8.一种虚拟模型的预览装置，其特征在于，包括：

窗口创建模块，用于获取编辑器窗口页面的窗口属性信息，根据所述窗口属性信息创建独立于所述编辑器窗口页面的预览窗口页面；其中，所述预览窗口页面用于模拟客户端界面；

预览配置模块，用于获取所述编辑器窗口页面上当前在编辑的虚拟模型，提取所述虚拟模型当前状态下的已编辑配置信息，并将所述已编辑配置信息记录到预览配置文件中；

资源下载模块，用于从编辑器服务器下载所述虚拟模型的预览模型资源，根据所述预览模型资源在预览窗口页面上创建预览虚拟模型，并根据所述预览配置文件对所述预览虚拟模型进行属性配置；

模型预览模块，用于将所述预览虚拟模型渲染到所述预览窗口页面上，并根据输入的预览操作进行相应的预览展示。

9.一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的虚拟模型的预览方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的虚拟模型的预览方法的步骤。

Images