一种可视化webgl框架构建方法、装置及计算机设备与流程

本发明涉及计算机可视化技术领域，具体涉及一种可视化webgl框架构建方法、装置及计算机设备。

背景技术：

webgl是一种3d绘图标准，这种绘图技术标准允许把javascript和opengles2.0结合在一起，通过增加opengles2.0的一个javascript绑定，webgl可以为html5canvas提供3d加速渲染，这样便于web开发人员借助系统显卡展示的3d场景和模型，更流畅地创建复杂前端显示界面。

相关技术中，webgl框架图形化比较弱、交互性差，比较常用的一些功能往往不能直接使用，需要经过变量声明，函数调用，数据导入等操作过程，必要的数据才能读取并显示出来，这就要求技术人员有比较好的前端技术基础，才能完成对前端显示界面的构建，且前端技术基础培训或者学习周期较长，影响了前端ui界面的构建效率。

技术实现要素：

因此，本发明要解决的技术问题在于克服现有技术中的webgl框架图形化比较弱、交互性差,影响前端ui界面的构建效率的缺陷，从而提供一种可视化webgl框架构建方法、装置及计算机设备。

根据第一方面，本发明实施例公开了一种可视化webgl框架构建方法，包括如下步骤：获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件；分别对所述功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据；显示所述可视化对象数据。

可选地，所述对场景配置文件进行封装处理，得到对应的可视化对象数据，包括：对所述不同场景对应的场景配置文件进行格式转换处理；对格式转换处理后的场景配置文件进行归类处理，得到目标配置文件；对所述目标配置文件进行封装处理，得到可视化对象数据。

可选地，所述显示所述可视化对象数据之后，所述方法还包括：根据接收到的对所述可视化对象数据的选择操作，生成相应的ui界面。

可选地，所述方法还包括：接收ui界面生成需求；若当前可视化对象数据不满足所述ui界面生成需求，根据新增的配置文件生成相应的ui界面。

根据第二方面，本发明实施例还公开了一种可视化webgl框架构建装置，包括：获取模块，用于获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件；封装模块，用于分别对所述功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据；显示模块，用于显示所述可视化对象数据。

可选地，所述封装模块，包括：格式转换处理模块，用于对所述不同场景对应的场景配置文件进行格式转换处理；归类模块，用于对格式转换处理后的场景配置文件进行归类处理，得到目标配置文件；封装子模块，用于对所述目标配置文件进行封装处理，得到可视化对象数据。

可选地，所述装置还包括：第一生成模块，用于根据接收到的对所述可视化对象数据的选择操作，生成相应的ui界面。

可选地，所述装置还包括：接收模块，用于接收ui界面生成需求；第二接收模块，用于若当前可视化对象数据不满足所述ui界面生成需求，根据新增的配置文件生成相应的ui界面。

根据第三方面，本发明实施例还公开了一种计算机设备，包括：至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器执行如第一方面或第一方面任一可选实施方式所述的可视化webgl框架构建方法的步骤。

根据第四方面，本发明实施例还公开了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面或第一方面任一可选实施方式所述的可视化webgl框架构建方法的步骤。

本发明技术方案，具有如下优点：

本发明提供的可视化webgl框架构建方法及装置，通过获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件，分别对功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据，显示可视化对象数据。通过实施本发明，对多种配置文件进行封装显示，相关技术人员在使用时无需通过编写代码使用，可直接调用，缩短了技术人员的学习周期，提高可视化webgl框架构建效率，进而提高webgl框架的交互性。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例1中可视化webgl框架构建方法的一个具体示例的流程图；

图2为本发明实施例2中可视化webgl框架构建装置的一个具体示例的原理框图；

图3为本发明实施例3中计算机设备的一个具体示例图。

具体实施方式

下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。

在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，还可以是两个元件内部的连通，可以是无线连接，也可以是有线连接。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。

此外，下面所描述的本发明不同实施方式中所涉及的技术特征只要彼此之间未构成冲突就可以相互结合。

实施例1

本发明实施例提供一种可视化webgl框架构建方法，可应用于终端或服务器等电子设备中，本申请实施例以终端为例。如图1所示，包括如下步骤：

s11：获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件。

示例性地，该功能配置文件可以包括播放功能、删除功能、关闭功能等基础功能配置文件，也可以包括用于增强界面渲染效果的配置文件，如火焰、烟雾等配置文件，以提高界面观赏性和表达能力；该交互操作配置文件可以包括拖拽、点击、滑动等常规交互操作配置文件；场景配置文件可以包括不同场景对应的音频文件、视频文件、动画文件、图片文件、基础模型文件等常用场景配置文件。本领域技术人员对该功能配置文件、交互操作配置文件和场景配置文件均不作限定，本领域技术人员可以根据实际情况设定。上述功能配置文件和交互操作配置和场景配置文件可以由终端直接录入，也可以从已有的webgl框架中搜索获得，本发明实施例对上述各个配置文件的获取方式不作限定，本领域技术人员可以根据实际情况选择。

s12：分别对功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据。

示例性地，该可视化对象数据为能够展示在面板上的对象数据，例如，可以为一个图标或一个按钮。在本发明实施例中，分别对复杂的功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到结构简单的可视化对象数据，方便技术人员使用。该封装处理方法可以包括ts流封装、mkv封装、avi封装和mov封装等，本发明实施例对该封装处理不作限定，本领域技术人员可以根据实际情况选择。

s13：显示可视化对象数据。将该可视化对象数据显示在面板上，相关技术人员在使用时可以直接调用。

本发明提供的可视化webgl框架构建方法，通过获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件，分别对功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据，显示可视化对象数据。通过实施本发明，对多种配置文件进行封装显示，相关技术人员在使用时无需通过编写代码使用，可直接调用，缩短了技术人员的学习周期，提高可视化webgl框架构建效率，进而提高webgl框架的交互性。

作为本发明一个可选实施方式，步骤s12中对场景配置文件进行封装处理，得到对应的可视化对象数据，包括：

首先，对不同场景对应的场景配置文件进行格式转换处理。

示例性地，在本发明实施例中，该格式转换处理可以为将场景配置文件都统一为适合web调用的格式，例如，将图片文件、模型文件都统一为json格式，通过为webgl框架提供了规范化的输入格式，直接跳过大量繁琐的初始化、对象化的处理以及数据筛选过程，提高框架构建效率。

其次，对格式转换处理后的场景配置文件进行归类处理，得到目标配置文件。

示例性地，该归类处理的方式可以是将格式转换处理后的场景配置文件按照类别存储在列表中，如将多个动画配置文件归类为动画列表、将多个几何体配置文件归类为几何体列表等，以列表方式对格式转换处理后的场景配置文件进行存储，便于后续对同一类别的配置文件的调用，提高前端ui界面的构建效率。该归类处理的方式可以为基于自然语言处理的信息提取与归类、包装器处理归纳的信息提取、基于ontology的信息提取和基于html结构的信息提取，本发明实施例对该提取方法不作限定，本领域技术人员可以根据实际情况选择。

再次，对目标配置文件进行封装处理，得到可视化对象数据。

示例性地，该封装处理可以为以类似字典的形式将复杂繁琐的目标配置文件封装成结构相对简单的对象数据，使得开发者可以在仅掌握基础js的前提下，按照用户需求简单的将配置文件在界面上展示出来。

作为本发明一个可选实施方式，在步骤s13之后，该可视化webgl框架构建方法还包括：根据接收到的对可视化对象数据的选择操作，生成相应的ui界面。

示例性地，在本发明实施例中，选择操作可以为用户对可视化对象数据进行点击、拖拽等，本发明实施例对该选择操作不作限定，本领域技术可以根据实际需要选择。根据接收到的对可视化对象数据的选择操作，生成相应的ui界面可以为根据用户需求将交互操作配置文件、功能配置文件和场景配置文件进行匹配连接，生成相应的ui界面。例如，将可视化对象数据“点击”、“可视化音频数据”和“音频播放”进行连接匹配，实现用户点击可视化音频数据进行音频播放。

作为本发明一个可选实施方式，该可视化webgl框架构建方法还包括：

接收ui界面生成需求。

示例性地，不同的用户对ui界面有不同的需求，例如，老师需要考试界面和培训界面，电商需要产品展示界面等。ui界面生成需求的接收方式可以通过显示界面接收用户上传的ui界面生成需求。

若当前可视化对象数据不满足ui界面生成需求，根据新增的配置文件生成相应的ui界面。

示例性地，该新增的配置文件可以根据用户需求从互联网搜索获得，也可以由用户提供，本发明实施例对新增的配置文件不作限定，本领域技术人员可以根据实际情况选择。在本发明实施例中，当当前可视化对象数据不能满足用户对ui界面需求时，可以在基础ui界面的基础上，根据各个用户的需求添加新的功能界面，使得该框架具有很高的可扩展性。

实施例2

本发明实施例提供一种可视化webgl框架构建装置，如图2所示，包括：

获取模块21，用于获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件；具体实现方式见实施例1中步骤s11，在此不再赘述。

封装模块22，用于分别对功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据；具体实现方式见实施例1中步骤s12，在此不再赘述。

显示模块23，用于显示可视化对象数据。具体实现方式见实施例1中步骤s13，在此不再赘述。

本发明提供的可视化webgl框架构建装置，通过获取功能配置文件和交互操作配置文件以及多个不同场景对应的场景配置文件，分别对功能配置文件、交互操作配置文件以及场景配置文件进行封装处理，得到对应的可视化对象数据，显示可视化对象数据。通过实施本发明，对多种配置文件进行封装显示，相关技术人员在使用时无需通过编写代码使用，可直接调用，缩短了技术人员的学习周期，提高可视化webgl框架构建效率，进而提高webgl框架的交互性。

作为本发明一个可选实施方式，封装模块22包括：

格式转换处理模块，用于对不同场景对应的场景配置文件进行格式转换处理；具体实现方式见实施例1中对应的步骤，在此不再赘述。

归类模块，用于对格式转换处理后的场景配置文件进行归类处理，得到目标配置文件；具体实现方式见实施例1中对应的步骤，在此不再赘述。

封装子模块，用于对目标配置文件进行封装处理，得到可视化对象数据。具体实现方式见实施例1中对应的步骤，在此不再赘述。

作为本发明一个可选实施方式，该可视化webgl框架构建装置还包括：

第一生成模块，用于根据接收到的对可视化对象数据的选择操作，生成相应的ui界面。具体实现方式见实施例1中对应的步骤，在此不再赘述。

作为本发明一个可选实施方式，该可视化webgl框架构建装置还包括：

接收模块，用于接收ui界面生成需求；具体实现方式见实施例1中对应的步骤，在此不再赘述。

第二接收模块，用于若当前可视化对象数据不满足ui界面生成需求，根据新增的配置文件生成相应的ui界面。具体实现方式见实施例1中对应的步骤，在此不再赘述。

实施例3

本发明实施例还提供了一种计算机设备，如图3所示，该计算机设备可以包括处理器31和存储器32，其中处理器31和存储器32可以通过总线或者其他方式连接，图3中以通过总线连接为例。

处理器31可以为中央处理器(centralprocessingunit，cpu)。处理器31还可以为其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等芯片，或者上述各类芯片的组合。

存储器32作为一种非暂态计算机可读存储介质，可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块，如本发明实施例中的可视化webgl框架构建方法对应的程序指令/模块(例如，图2所示的获取模块21、封装模块22和显示模块23)。处理器31通过运行存储在存储器32中的非暂态软件程序、指令以及模块，从而执行处理器的各种功能应用以及数据处理，即实现上述方法实施例中的可视化webgl框架构建方法。

存储器32可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储处理器31所创建的数据等。此外，存储器32可以包括高速随机存取存储器，还可以包括非暂态存储器，例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施例中，存储器32可选包括相对于处理器31远程设置的存储器，这些远程存储器可以通过网络连接至处理器31。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

所述一个或者多个模块存储在所述存储器32中，当被所述处理器31执行时，执行如图1所示实施例中的可视化webgl框架构建方法。

上述计算机设备具体细节可以对应参阅图1所示的实施例中对应的相关描述和效果进行理解，此处不再赘述。

实施例4

本发明实施例还提供了一种计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行上述任意方法实施例中的可视化webgl框架构建方法。其中，所述存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory，rom)、随机存储记忆体(randomaccessmemory，ram)、快闪存储器(flashmemory)、硬盘(harddiskdrive，缩写：hdd)或固态硬盘(solid-statedrive，ssd)等；所述存储介质还可以包括上述种类的存储器的组合。

显然，上述实施例仅仅是为清楚地说明所作的举例，而并非对实施方式的限定。对于所属领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动。这里无需也无法对所有的实施方式予以穷举。而由此所引伸出的显而易见的变化或变动仍处于本发明创造的保护范围之中。