CN113254000A

CN113254000A - 基于json数据生成2d场景的方法、装置、存储介质和设备

Info

Publication number: CN113254000A
Application number: CN202110740844.XA
Authority: CN
Inventors: 王维成; 孙绍瑜; 陈傲寒; 吴娜
Original assignee: Beijing Younuo Technology Co ltd
Current assignee: Beijing Youhao Technology Co ltd
Priority date: 2021-07-01
Filing date: 2021-07-01
Publication date: 2021-08-13
Anticipated expiration: 2041-07-01
Also published as: CN113254000B

Abstract

本发明涉及一种基于JSON数据生成2D场景的方法，包括获取场景文件中的对象；构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息；根据所述关系信息，配置层级关系；基于所述层级关系，利用gojs框架创建2D场景模型。本发明能够降低创建以及修改2D场景的成本，即修改即生效。不会建模软件的人员也能轻易的修改2D场景，适用于不同的场景，并提供直观的数据可视化方案。本发明还涉及一种基于JSON数据生成2D场景的装置、存储介质和设备。

Description

基于JSON数据生成2D场景的方法、装置、存储介质和设备

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于JSON数据生成2D场景的方法、装置、存储介质和设备。

背景技术

企业、银行和保险业等领域需要进行2D场景建模，当前创建2D场景模型技术要求高，且操作难度大，只能由专业人员创建并修改2D场景模型。

因此，本领域迫切需要开发出一种能够适合非专业人员也能创建2D场景模型的方法。

发明内容

本发明所要解决的技术问题是针对现有技术的不足，提供一种基于JSON数据生成2D场景的方法、装置、存储介质和设备。

本发明解决上述技术问题的技术方案如下：

一种基于JSON数据生成2D场景的方法，所述方法包括：

获取场景文件中的对象；

构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息；

根据所述关系信息，配置层级关系；

基于所述层级关系，利用gojs框架创建2D场景模型。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步地，所述方法还包括：

根据所述层级关系和所述2D场景模型，确定各所述对象间的关系连线。

进一步地，所述构建各所述对象的基础元素ci数据，具体包括：

获取所述对象的基础元素ci数据，所述ci数据包括所述ci数据所属的ci分类、ci标识和ci显示关系字。

进一步地，所述构建各所述对象的ci数据之间的关系信息，具体包括：

根据第一对象的第一ci数据的ci分类、所述第一ci数据的ci标识key、第二对象的第二ci数据的ci分类、所述第二ci数据的ci标识，以及所述第一ci数据和所述第二ci数据的关系分类，构建所述第一ci数据和所述第二ci数据之间的关系信息。

进一步地，所述基于所述层级关系，利用gojs框架创建所述2D场景模型，具体包括：

获取所述2D场景模型中的实时操纵数据，其中，所述实时操纵数据包括指标名、指标值和指标单位；

通过websocket对所述实时操纵数据进行推送和渲染；

基于所述层级关系中各层级的ci数据所对应的对象，利用gojs框架创建所述2D场景模型，并将所述2D场景模型缩放至预设尺寸。

进一步地，所述将所述2D场景模型缩放至预设尺寸，具体包括：

将所述2D场景模型第一次放大至屏幕显示边界处，得到当前层级中的ci数据；

将所述当前层级中的ci数据对应的对象按照预设模板进行设置，并利用gojs框架获取屏幕显示边界处；

获取所述实时操纵数据和所述当前层级中的ci数据所对应的对象；

将所述2D场景模型第二次放大至所述屏幕显示边界处，得到所述当前层级的下一层级中的ci数据，将所述下一层级中的ci数据所对应的对象按预设算法进行排列，并删除落在屏幕外的所述ci数据对应的对象。

进一步地，所述根据所述层级关系和所述2D场景模型，确定各所述对象间的关系连线，具体包括：

根据所述关系分类，查找每一种所述关系分类中的所有ci数据；

若同一种所述关系分类中的两个ci数据所对应的对象之间的连线都显示在屏幕时，根据预设画线样式、实时操纵数据以及缩放比例，确定所述关系连线的样式。

本发明的有益效果是：提出了一种基于JSON数据生成2D场景的方法，包括获取场景文件中的对象；构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息；根据所述关系信息，配置层级关系；基于所述层级关系，利用gojs框架创建2D场景模型。本发明能够降低创建以及修改2D场景的成本，即时修改，即时生效。即使是不会建模软件的人员也能轻易的修改2D场景。适用于不同的场景，提供直观的数据可视化方案。

本发明还解决上述技术问题的另一种技术方案如下：

一种基于JSON数据生成2D场景的装置，所述装置包括：

获取模块，用于获取场景文件中的对象；

构建模块，用于构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息；

配置模块，用于根据所述关系信息，配置层级关系；

创建模块，用于基于所述层级关系，利用gojs框架创建2D场景模型。

此外，本发明提供一种计算机可读存储介质，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上述技术方案中任一项所述的基于JSON数据生成2D场景的方法中的步骤。

本发明还提供一种基于JSON数据生成2D场景的设备，包括：处理器和存储器；所述存储器上存储有可被所述处理器执行的计算机可读程序；所述处理器执行所述计算机可读程序时实现如上述技术方案中任一项所述的基于JSON数据生成2D场景的方法中的步骤。

本发明附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明实践了解到。

附图说明

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

图1为本发明实施例所述的一种基于JSON数据生成2D场景的方法的流程示意图；

图2为本发明另一实施例所述的一种基于JSON数据生成2D场景的装置的模块示意图。

具体实施方式

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

如图1所示，一种基于JSON数据生成2D场景的方法包括以下步骤：

110、获取场景文件中的多个对象。

120、构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息。

130、根据所述关系信息，配置层级关系。

140、基于所述层级关系，利用gojs框架创建2D场景模型。

基于上述实施例，进一步地，还包括步骤150、根据所述层级关系和所述2D场景模型，确定各所述对象间的关系连线。

进一步地，步骤120中构建各所述对象的基础元素ci数据，具体包括：

进一步地，步骤120中构建各所述对象的ci数据之间的关系信息，具体包括：

进一步地，步骤140中具体包括：

141、获取所述2D场景模型中的实时操纵数据，其中，所述实时操纵数据包括指标名、指标值和指标单位。

142、通过websocket对所述实时操纵数据进行推送和渲染。

143、基于所述层级关系中各层级的ci数据所对应的对象，利用gojs框架创建所述2D场景模型，并将所述2D场景模型缩放至预设尺寸。

进一步地，步骤143中具体包括：

1431、将所述2D场景模型第一次放大至屏幕显示边界处，得到当前层级中的ci数据。

1432、将所述当前层级中的ci数据对应的对象按照预设模板进行设置，并利用gojs框架获取屏幕显示边界处。

1433、获取实时操纵数据和当前层级中的ci数据所对应的对象。

1444、将2D场景模型第二次放大至屏幕显示边界处，得到当前层级的下一层级中的ci数据，将下一层级中的ci数据所对应的对象按预设算法进行排列，并删除落在屏幕外的ci数据对应的对象。

进一步地，步骤150中具体包括：

根据所述关系分类，查找每一种所述关系分类中的所有ci数据。

应理解，首先，需要定义不同场景的JSON文件，以及制作不同场景需要的模型与贴图，解析不同场景文件中JSON数据，生成相应对象，构建对象的基础元素ci数据，构建对象生成场景模型，添加场景模型至GOJS的场景对象中。

应理解，基于上述实施例，可以满足定制化需求，从而应对不同的机构或对相同机构的不同项目进行定制化展示。原则上，配置JSON数据包括ci数据所属的ci分类、ci唯一性的标识、ci显示关系字label，或者用于展示数据的其他键值属性。

此外，展示每一层级中的ci数据需要定义ci数据之间的关系，关系信息包括以下几个部分：所属的关系分类、起始ci的ci分类source、起始ci的唯一标识key、终止ci的ci分类target、终止ci的唯一标识key，或其他一些必要的键值数据，本实施例中不做赘述。通过将，每一层中的ci数据进行串联，实现了地图分层的效果。

应理解，地图上需要实时展示必要的可操纵数据，包括指标名、指标值以及必要的单位，通过websocket对实时数据进行实时推送和渲染。利用GOJS控制器增量更新视图。

同时，常规地图随着放大缩小存在展现不同数据的操作。计算机中的世界地图也并不例外。每一层级中的ci数据根据关系信息，获取下一层级中的ci数据，过程如下：通过鼠标将2D场景缩放放大到临界，显示下一层ci数据，也可以通过其他的工具，本实施例不做赘述。将2D场景中的第一层级中的ci数据对应的对象按照预设模板进行排列。显示第一层级中所有ci数据和实时的指标名和指标值等信息。通过使用鼠标再一次将2D场景模型放大到达屏幕的边界处。在指标数据位置上，展示第二层级的ci数据，利用调度器算法生成ci数据的排列。可以利用gojs获取屏幕大小边界，保留屏幕内的ci数据对应的对象，删除落在屏幕外的ci数据对应的对象。

此外，当生成的2D场景模型需要在大屏中显示时，可以通过更改canvas页面样式，风格趋于科幻。或是更改连线样式，连线出线流动特效等。

同时，2D场景模型中对象间存在必要的关系连线，通过关系连线表示对象间的相互依赖关系，通过以下方式实现，预定义一个或者几个关系分类。查找关系分类中的ci数据，同屏幕中的ci数据进行对比，如果连线的两端的ci数据对应的对象都在屏幕中，那么进行画线，而画线的样式根据关系分类中不同进行配置。还可以根据指标和缩放比例等因素去筛选渲染指定的关系连线。

同时，为实现计算机世界地图的风格实现方式，例如，实现淡绿色风格，ci数据中包括header和body，其中，heaer显示ci数据的名，而body显示固定图片。点击ci的header左侧面板出线相关数据。第一层级不存在连线，而第二层级出现连线。例如，实现科幻蓝的风格时，header显示ci名称或者已经配置的名称，body显示必要的指标，四项或六项，滑动到下一层级，在body内部展示下一层级中的多个ci数据。

基于上述实施例所提出的一种基于JSON数据生成2D场景的方法，包括获取场景文件中的对象；构建各所述对象的基础元素ci数据，以及各所述对象的ci数据之间的关系信息；根据所述关系信息，配置层级关系；基于所述层级关系，利用gojs框架创建2D场景模型。本发明能够降低创建以及修改2D场景的成本，即时修改，即时生效。即使是不会建模软件的人员也能轻易的修改2D场景。适用于不同的场景，提供直观的数据可视化方案。

如图2所示，一种基于JSON数据生成2D场景的装置包括：

获取模块，用于获取场景文件中的对象；

配置模块，用于根据所述关系信息，配置层级关系；

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本发明所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。

基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括是电载波信号和电信信号。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims

1.一种基于JSON数据生成2D场景的方法，其特征在于，所述方法包括：

获取场景文件中的对象；

根据所述关系信息，配置层级关系；

基于所述层级关系，利用gojs框架创建2D场景模型。

2.根据权利要求1所述的基于JSON数据生成2D场景的方法，其特征在于，所述方法还包括：

3.根据权利要求1或2所述的基于JSON数据生成2D场景的方法，其特征在于，所述构建各所述对象的基础元素ci数据，具体包括：

4.根据权利要求3所述的基于JSON数据生成2D场景的方法，其特征在于，所述构建各所述对象的ci数据之间的关系信息，具体包括：

5.根据权利要求4所述的基于JSON数据生成2D场景的方法，其特征在于，所述基于所述层级关系，利用gojs框架创建所述2D场景模型，具体包括：

通过websocket对所述实时操纵数据进行推送和渲染；

6.根据权利要求5所述的基于JSON数据生成2D场景的方法，其特征在于，所述将所述2D场景模型缩放至预设尺寸，具体包括：

7.根据权利要求2所述的基于JSON数据生成2D场景的方法，其特征在于，所述根据所述层级关系和所述2D场景模型，确定各所述对象间的关系连线，具体包括：

8.一种基于JSON数据生成2D场景的装置，其特征在于，所述装置包括：

获取模块，用于获取场景文件中的对象；

配置模块，用于根据所述关系信息，配置层级关系；

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如权利要求1-7中任一项所述的基于JSON数据生成2D场景的方法中的步骤。

10.一种基于JSON数据生成2D场景的设备，其特征在于，包括：处理器和存储器；所述存储器上存储有可被所述处理器执行的计算机可读程序；所述处理器执行所述计算机可读程序时实现如权利要求1-7中任一项所述的基于JSON数据生成2D场景的方法中的步骤。