一种可视界面的生成方法和系统与流程

1.本发明涉及计算机技术应用领域，尤其涉及一种可视界面的生成方法和系统。


背景技术：

2.随着设备智能化和物联网的蓬勃发展，在现实生活中，消费者对于物联网设备的兴趣和探索欲也在不断攀升，如何方便地让消费者更加生动形象地感受到物联网数字新世界，这关系到消费者对于物联网数字新世界的直观印象和消费欲望。
3.如何更加生动形象地感受到物联网数字新世界一直都是业界在不断探索的方向。从短视频的制作展播到消费者亲临样板间的现场体验，行业内也出现了许多让消费者能够感受到物联网数字新世界的方式。但这些方式中，有的缺少与消费者的互动性，有的需要劳烦消费者亲临现场，对消费者来说，需要一种新型的方式来更好地感受和了解物联网数字新世界。
4.针对上述由于相关技术中基于物联网生成的虚拟可视环境无法满足用户需求，导致的虚拟可视环境应用率低的问题，目前尚未提出有效的解决方案。


技术实现要素：

5.为解决上述技术问题，本发明实施例期望提供一种可视界面的生成方法和系统，以至少解决由于相关技术中基于物联网生成的虚拟可视环境无法满足用户需求，导致的虚拟可视环境应用率低的问题。
6.本发明的技术方案是这样实现的：
7.第一方面，本发明实施例提供一种可视界面的生成系统，包括：第一终端、第二终端和服务器，其中，第一终端，用于制作指定动画，确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系，并上传指定动画；第二终端，用于获取第一终端上传的指定动画，将第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；服务器，用于依据指定动画、第三映射关系和第四映射关系生成可视界面，并依据物联网设备的状态数据加载可视界面进行显示。
8.可选的，第一终端，还用于将指定动画上传至第二终端。
9.进一步地，可选的，第二终端，还用于接收第一终端上传的指定动画。
10.可选的，第一终端，还用于将指定动画上传至服务器。
11.进一步地，可选的，第二终端，还用于从服务器中获取指定动画。
12.可选的，服务器，还用于存储指定动画、第三映射关系和第四映射关系。
13.第二方面，本发明实施例提供一种可视界面的生成方法，包括：制作指定动画；确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系；上传指定动画。
14.可选的，上传指定动画包括：将指定动画、第一映射关系和第二映射关系进行封
装，得到数据包；将数据包进行上传。
15.进一步地，可选的，将数据包进行上传包括：向第二终端发送数据包；和/或，向服务器上传数据包。
16.第三方面，本发明实施例提供一种可视界面的生成方法，包括：获取第一终端上传的指定动画；将指定动画中的第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将指定动画中的第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；其中，第一映射关系为指定动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系。
17.可选的，获取第一终端上传的指定动画包括：接收第一终端上传的指定动画；和/或，从服务器中获取指定动画。
18.可选的，该方法还包括：将第三映射关系和第四映射关系上传至服务器。
19.第四方面，本发明实施例提供一种可视界面的生成方法，包括：获取第一终端上传的指定动画和第二终端上传的第三映射关系和第四映射关系；依据指定动画、第三映射关系和第四映射关系生成可视界面；依据物联网设备的状态数据加载可视界面进行显示；其中，第一终端还用于上传第一映射关系和第二映射关系，第一映射关系为指定动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系；第三映射关系为指定动画中的第一映射关系与物联网设备进行绑定生成的映射关系；第四映射关系为指定动画中的第二映射关系与物联网设备的状态进行绑定生成的映射关系。
20.本发明实施例提供了一种可视界面的生成方法和系统。通过第一终端，用于制作指定动画，确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系，并上传指定动画；第二终端，用于获取第一终端上传的指定动画，将第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；服务器，用于依据指定动画、第三映射关系和第四映射关系生成可视界面，并依据物联网设备的状态数据加载可视界面进行显示，从而满足让消费者能够更好地感受和了解到物联网数字新世界，提升虚拟可视环境应用率。
附图说明
21.此处所说明的附图用来提供对本发明的进一步理解，构成本技术的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
22.图1为本发明实施例一提供的一种可视界面的生成系统的示意图；
23.图2为本发明实施例一提供的另一种可视界面的生成系统的示意图；
24.图3为本发明实施例二提供的一种可视界面的生成方法的流程示意图；
25.图4为本发明实施例三提供的一种可视界面的生成方法的流程示意图；
26.图5为本发明实施例四提供的一种可视界面的生成方法的流程示意图。
具体实施方式
27.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的
附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
28.需要说明的是，本发明的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。
29.还需要说明是，本发明下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本发明实施例对此不作具体限制。
30.实施例一
31.第一方面，本发明实施例提供一种可视界面的生成系统，图1为本发明实施例一提供的一种可视界面的生成系统的示意图，如图1所示，本技术实施例提供的可视界面的生成系统包括：
32.第一终端12、第二终端14和服务器16，其中，第一终端12，用于制作指定动画，确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系，并上传指定动画；第二终端14，用于获取第一终端12上传的指定动画，将第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；服务器16，用于依据指定动画、第三映射关系和第四映射关系生成可视界面，并依据物联网设备的状态数据加载可视界面进行显示。
33.在本技术实施例提供的可视界面的生成系统中，指定动画的上传方式包括如下方式：
34.方式一：第一终端12将指定动画上传至第二终端14
35.可选的，第一终端12，还用于将指定动画上传至第二终端14。
36.进一步地，可选的，第二终端14，还用于接收第一终端12上传的指定动画。
37.方式二：第一终端12将指定动画上传至服务器16
38.可选的，第一终端12，还用于将指定动画上传至服务器16。
39.进一步地，可选的，第二终端14，还用于从服务器16中获取指定动画。
40.方式三：方式一与方式二的结合，即，第一终端12向第二终端14发送指定动画的同时，向服务器16同步该指定动画。
41.可选的，服务器16，还用于存储指定动画、第三映射关系和第四映射关系。
42.综上，本技术实施例提供的可视界面的生成系统如图2所示，图2为本发明实施例一提供的另一种可视界面的生成系统的示意图，生成可视化界面的过程如下：
43.step1，美工人员通过3d软件(3d软件运行于美工人员所使用的终端设备中，该终端设备可以为本技术实施例中的第一终端12)制作3d动画(即，本技术实施例中的指定动画)，并导出为web端可加载的.gltf、.glb、.json等格式，同时定义3d动画中不同物体对象与帧动画名称的映射关系(即，本技术实施例中的第一映射关系)以及帧动画状态与帧动画帧数的映射关系(即，本技术实施例中的第二映射关系)；
44.step2，将3d动画、不同物体对象与帧动画名称的映射关系以及帧动画状态与帧动画帧数的映射关系进行上传；
45.step3，数字孪生可视化系统(即，本技术实施例中的第二终端14)进行简单的帧动
画名称与物联网设备绑定(即，本技术实施例中的第三映射关系)以及帧动画帧数与物联网设备状态绑定(即，本技术实施例中的第四映射关系)；
46.其中，上传由3d软件导出的动画模型到服务器；数字孪生可视化系统在已上传的动画模型列表中选择一个动画模型并加载；利用已定义的不同物体对象与帧动画名称的映射关系对现实物联网设备进行绑定；利用已定义的帧动画状态与帧动画帧数的映射关系对物联网设备状态进行绑定。
47.step4，服务器保存相关配置数据并生成数字孪生可视化界面(即，本技术实施例中的依据指定动画、第三映射关系和第四映射关系生成可视界面)；服务器推送新的物联网设备状态数据，数字孪生可视化界面中进行联动显示。
48.本技术实施例提供的可视界面的生成系统中美工人员制作3d动画并导出上传到可配置的数字孪生可视化系统，通过简单的配置操作，即可实现在web端的3d虚拟场景与现实物联网场景的联动效果。具体的，在本技术实施例中利用帧动画名称与物联网设备绑定从而达到联动的效果；利用帧动画帧数与物联网设备状态绑定从而达到联动的效果；利用可配置的数字孪生可视化系统进行简单的配置操作实现3d虚拟场景与现实物联网场景的联动效果。
49.本发明实施例提供了一种可视界面的生成系统。通过第一终端，用于制作指定动画，确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系，并上传指定动画；第二终端，用于获取第一终端上传的指定动画，将第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；服务器，用于依据指定动画、第三映射关系和第四映射关系生成可视界面，并依据物联网设备的状态数据加载可视界面进行显示，从而满足让消费者能够更好地感受和了解到物联网数字新世界，提升虚拟可视环境应用率。
50.实施例二
51.第二方面，本发明实施例提供一种可视界面的生成方法，图3为本发明实施例二提供的一种可视界面的生成方法的流程示意图，如图3所示，在第一终端侧，本技术实施例提供可视界面的生成方法包括：
52.步骤s302，制作指定动画；
53.步骤s304，确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系；
54.步骤s306，上传指定动画。
55.可选的，步骤s306中上传指定动画包括：将指定动画、第一映射关系和第二映射关系进行封装，得到数据包；将数据包进行上传。
56.进一步地，可选的，将数据包进行上传包括：向第二终端发送数据包；和/或，向服务器上传数据包。
57.综上，结合步骤s302至步骤s306，本技术实施例提供的可视界面的生成方法可以应用于实施例1中的可视界面的生成系统，在第一终端侧，通过动画制作软件，例如，3d软件，制作3d动画，并导出为web端可加载的.gltf、.glb、.json等格式，通过确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系，最终上传指定动画，此外，还上传第一映射关系和第二映射关系。
58.本发明实施例提供了一种可视界面的生成方法。通过制作指定动画；确定指定动画中各类对象与帧动画名称的第一映射关系，以及帧动画状态与帧动画帧数的第二映射关系；上传指定动画，从而满足让消费者能够更好地感受和了解到物联网数字新世界，提升虚拟可视环境应用率。
59.实施例三
60.第三方面，本发明实施例提供一种可视界面的生成方法，图4为本发明实施例三提供的一种可视界面的生成方法的流程示意图，如图4所示，在第二终端侧，本技术实施例提供可视界面的生成方法包括：
61.步骤s402，获取第一终端上传的指定动画；
62.可选的，步骤s402中获取第一终端上传的指定动画包括：接收第一终端上传的指定动画；和/或，从服务器中获取指定动画。
63.步骤s404，将指定动画中的第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将指定动画中的第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；
64.其中，第一映射关系为指定动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系。
65.可选的，本技术实施例提供可视界面的生成方法还包括：将第三映射关系和第四映射关系上传至服务器。
66.综上，结合步骤s402至步骤s404，本技术实施例提供的可视界面的生成方法可以应用于实施例1中的可视界面的生成系统，在第二终端侧，通过获取第一终端生成的指定动画，第一映射关系和第二映射关系，将指定动画中的第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将指定动画中的第二映射关系与物联网设备的状态进行绑定，生成第四映射关系，以使得利用帧动画名称与物联网设备绑定从而达到联动的效果；利用帧动画帧数与物联网设备状态绑定从而达到联动的效果。
67.本发明实施例提供了一种可视界面的生成方法。通过获取第一终端上传的指定动画；将指定动画中的第一映射关系与物联网设备进行绑定，生成第三映射关系；以及，将指定动画中的第二映射关系与物联网设备的状态进行绑定，生成第四映射关系；其中，第一映射关系为指定动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系，从而满足让消费者能够更好地感受和了解到物联网数字新世界，提升虚拟可视环境应用率。
68.实施例四
69.第四方面，本发明实施例提供一种可视界面的生成方法，图5为本发明实施例四提供的一种可视界面的生成方法的流程示意图，如图5所示，在服务器侧，本技术实施例提供可视界面的生成方法包括：
70.步骤s502，获取第一终端上传的指定动画和第二终端上传的第三映射关系和第四映射关系；
71.步骤s504，依据指定动画、第三映射关系和第四映射关系生成可视界面；依据物联网设备的状态数据加载可视界面进行显示；
72.其中，第一终端还用于上传第一映射关系和第二映射关系，第一映射关系为指定
动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系；第三映射关系为指定动画中的第一映射关系与物联网设备进行绑定生成的映射关系；第四映射关系为指定动画中的第二映射关系与物联网设备的状态进行绑定生成的映射关系。
73.综上，结合步骤s502至步骤s504，本技术实施例提供的可视界面的生成方法可以应用于实施例1中的可视界面的生成系统，在服务器侧，通过服务器保存相关配置数据并生成数字孪生可视化界面(即，本技术实施例中的依据指定动画、第三映射关系和第四映射关系生成可视界面)；服务器推送新的物联网设备状态数据，数字孪生可视化界面中进行联动显示。
74.本发明实施例提供了一种可视界面的生成方法。通过获取第一终端上传的指定动画和第二终端上传的第三映射关系和第四映射关系；依据指定动画、第三映射关系和第四映射关系生成可视界面；依据物联网设备的状态数据加载可视界面进行显示；其中，第一终端还用于上传第一映射关系和第二映射关系，第一映射关系为指定动画中各类对象与帧动画名称的映射关系；第二映射关系为指定动画中帧动画状态与帧动画帧数的映射关系；第三映射关系为指定动画中的第一映射关系与物联网设备进行绑定生成的映射关系；第四映射关系为指定动画中的第二映射关系与物联网设备的状态进行绑定生成的映射关系，从而满足让消费者能够更好地感受和了解到物联网数字新世界，提升虚拟可视环境应用率。
75.本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
76.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
77.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
78.以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。