CN112506502B - 基于人机交互的可视化编程方法、装置、设备和存储介质 - Google Patents

Abstract

本申请实施例提供一种基于人机交互的可视化编程方法、装置、设备和存储介质，通过在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，根据目标可视化程序元素之间的逻辑关系，对目标可视化程序元素进行代码转换，得到目标程序，运行目标程序，并通过背景层展示目标程序的运行效果，用户在前景层创建程序过程中的每一步操作，都可以都通过背景层进行实时展示，用户不需要在不同软件之间进行反复切换，不仅方便了用户的可视化编程操作，而且提高了程序的可视化展示效果，提升了用户的使用体验。

Description

基于人机交互的可视化编程方法、装置、设备和存储介质

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种基于人机交互的可视化编程方法、装置、设备和存储介质。

背景技术

为了使计算机能够理解(understand)人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。基于人机交互的可视化编程作为一种全新的程序设计方法，以“所见即所得”的编程思想为原则，力图实现编程工作的可视化。

目前，针对于基于人机交互的可视化编程软件的常见的方案是三维编辑软件以及代码编程软件分离，例如常见的Unity+VisualStudio系列或Unreal+VisualStudio系列等，在进行基于人机交互的可视化编程时，用户(程序开发人员)需要先通过代码编程软件进行程序代码的创建，再将编写好的程序代码导入三维编程软件时，以进行程序效果的展示。

然而，由于程序开发是一项复杂的工作，往往不是编写一次就能成功的，通常需要进行无数次的调整和修改，这就导致用户需要在代码编程软件与三维编辑软件之间进行反复的切换，不仅操作繁琐，而且可视化效果不佳，影响用户使用体验。

发明内容

本申请实施例提供一种基于人机交互的可视化编程方法、装置、设备和存储介质，方便了用户的可视化编程操作，提高程序的可视化展示效果，进而提升了用户的使用体验。

第一方面，本申请实施例提供一种基于人机交互的可视化编程方法，包括：

在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系；

根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；

运行所述目标程序，并通过背景层展示所述目标程序的运行效果。

可选地，所述前景层包括可视化程序元素区和编程区；所述在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，包括：

根据所述用户对所述可视化程序元素区中的可视化程序元素的选择操作和将所述可视化程序元素区中的可视化程序元素拖拽到所述编程区的操作，确定所述用户选择的目标可视化程序元素；

根据所述用户对所述编程区中目标可视化程序元素的排序操作和/或连线操作，确定所述用户构建的目标可视化程序元素之间的逻辑关系。

可选地，所述可视化程序元素区包括物件区、物件属性类别区、物件属性区，所述根据所述用户对所述可视化程序元素区中的可视化程序元素的选择操作和将所述可视化程序元素区中的可视化程序元素拖拽到所述编程区的操作，确定所述用户选择的目标可视化程序元素，包括：

根据所述用户在所述物件区中的选择操作，确定所述用户选择的目标物件；

根据所述目标物件，在所述物件属性类别区中展示所述目标物件对应的物件属性类别列表；

根据所述用户在所述物件属性类别区中的选择操作，确定所述用户选择的目标物件属性类别；

根据所述目标物件属性类别，在所述物件属性区中展示所述目标物件属性类别对应的物件属性列表；

根据所述用户将所述物件属性区中的物件属性拖拽到所述编程区的操作，确定所述用户选择的目标物件属性。

可选地，所述前景层为半透明蒙版界面，所述背景层为二维或三维场景界面。

可选地，所述方法还包括：

根据所述用户对预设功能图标的操作，隐藏或显示所述前景层。

第二方面，本申请实施例提供一种基于人机交互的可视化编程装置，包括：

获取模块，用于在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系；

处理模块，用于根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；运行所述目标程序，并通过背景层展示所述目标程序的运行效果。

可选地，所述前景层包括可视化程序元素区和编程区；所述获取模块具体用于：

根据所述用户对所述可视化程序元素区中的可视化程序元素的选择操作和将所述可视化程序元素区中的可视化程序元素拖拽到所述编程区的操作，确定所述用户选择的目标可视化程序元素；

根据所述用户对所述编程区中目标可视化程序元素的排序操作和/或连线操作，确定所述用户构建的目标可视化程序元素之间的逻辑关系。

可选地，所述可视化程序元素区包括物件区、物件属性类别区、物件属性区，所述获取模块具体用于：

根据所述用户在所述物件区中的选择操作，确定所述用户选择的目标物件；

根据所述目标物件，在所述物件属性类别区中展示所述目标物件对应的物件属性类别列表；

根据所述用户在所述物件属性类别区中的选择操作，确定所述用户选择的目标物件属性类别；

根据所述目标物件属性类别，在所述物件属性区中展示所述目标物件属性类别对应的物件属性列表；

根据所述用户将所述物件属性区中的物件属性拖拽到所述编程区的操作，确定所述用户选择的目标物件属性。

可选地，所述前景层为半透明蒙版界面，所述背景层为二维或三维场景界面。

可选地，所述处理模块还用于：

根据所述用户对预设功能图标的操作，隐藏或显示所述前景层。

第三方面，本申请实施例提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述第一方面所述的基于人机交互的可视化编程方法。

第四方面，本申请实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如上述第一方面所述的基于人机交互的可视化编程方法。

本申请实施例提供的基于人机交互的可视化编程方法、装置、设备和存储介质，通过在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，根据目标可视化程序元素之间的逻辑关系，对目标可视化程序元素进行代码转换，得到目标程序，运行目标程序，并通过背景层展示目标程序的运行效果，用户在前景层创建程序过程中的每一步操作，都可以都通过背景层进行实时展示，用户不需要在不同软件之间进行反复切换，不仅方便了用户的可视化编程操作，而且提高了程序的可视化展示效果，进而提升了用户的使用体验。

附图说明

图1为本申请实施例提供的可视化编程软件的一种人机交互界面示意图；

图2为本申请实施例一提供的基于人机交互的可视化编程方法的流程示意图；

图3为本申请实施例二提供的基于人机交互的可视化编程方法的流程示意图；

图4为本申请实施例提供的可视化编程软件的另一种人机交互界面示意图；

图5为本申请实施例提供的可视化编程软件的又一种人机交互界面示意图；

图6为本申请实施例三提供的基于人机交互的可视化编程装置的结构示意图；

图7为本申请实施例四提供的一种电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。

本申请技术方案的主要思路：基于现有技术存在的技术问题，本申请实施例提供一种基于人机交互的可视化编程方案，事先开发一款可视化编程软件，该可视化编程软件的人机交互界面包括前景层和背景层，前景层为半透明蒙版界面，用于进行程序的创建，背景层为二维或三维场景界面，用于进行程序效果的展示，即该可视化同时具有代码编程软件和三维编辑软件的功能，通过使用这款可视化编程软件进行可视化编程，用户在前景层创建程序过程中的每一步操作，都可以都通过背景层进行实时展示，用户不需要在不同软件之间进行反复切换，不仅方便了用户的可视化编程操作，而且提高了程序的可视化展示效果，进而提升了用户的使用体验。

示例性地，图1为本申请实施例提供的可视化编程软件的一种人机交互界面示意图，如图1所示，为便于理解，将前景层与背景层错开了一些位置，可以理解的是，在实际设备中，前景层和背景层是重叠的，由于前景层为半透明蒙版界面，因此，可以透过前景层直接看到背景层中展示的程序效果。可以理解的是，前景层和背景层中根据需要还可以设置一些操作指示按钮，如页面切换按钮(用于使前景层隐藏或显示)、运行按钮(用于控制背景层展示程序效果等)。

如图1所示，前景层可以包括可视化程序元素区和编程区，其中可视化程序元素区用于提供各种可视化程序元素，这些可视化程序元素均为是预先设置的，可以包括场景(不同场景界面，如自然风景、动漫等)、物件(设计的对象，如动物、人、桌子等)、物件属性类别(如动作、颜色、声音等)、物件属性(具体的动作种类、颜色分类、声音分类等)等，编程区用于用户进行可视化程序元素之间的逻辑关系的构建。

需要说明的是，本申请实施例提供的基于人机交互的可视化编程方案可用于进行各种可视化程序设计中，如游戏界面设计、教育教学动画设计等。

实施例一

图2为本申请实施例一提供的基于人机交互的可视化编程方法的流程示意图，本实施例的方法可以由本申请实施例所提供的基于人机交互的可视化编程装置执行，该装置可以由软件和/或硬件的方式来实现，并可集成于服务器以及智能终端等电子设备中。如图2所示，本实施例提供的基于人机交互的可视化编程方法，包括：

S101、在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系。

本步骤中，当用户在前景层进行可视编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系。其中，目标可视化程序元素是指用户进行本次可视化编程过程中选取的可视化程序元素；目标可视化程序元素之间的逻辑关系，可以是同种可视化程序元素之间的逻辑关系，如顺序关系，也可以是不同种可视化程序元素之间的逻辑关系，如包含关系等。

可以理解的是，本步骤中，采取实时感知的方式，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，如实时感知用户在人机交互界面进行的点击、拖拽、连线等操作，确定用户选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系。

在一种可能的实现方式中，如图1所示，前景层包括可视化程序元素区和编程区，相应地，本步骤中，根据用户对可视化程序元素区中的可视化程序元素的选择操作和将可视化程序元素区中的可视化程序元素拖拽到编程区的操作，确定用户选择的目标可视化程序元素，根据用户对编程区中目标可视化程序元素的排序操作和/或连线操作，确定用户构建的目标可视化程序元素之间的逻辑关系。

可以理解的是，本实施例中，在可视化编程过程中，用户可以对可视化程序元素区中的可视化程序元素进行一系列的操作，这些操作可以包括选择、拖拽等，需要说明的是，这些操作可以通过鼠标实现，也可以通过触屏的方式实现，此处不做限制。

S102、根据目标可视化程序元素之间的逻辑关系，对目标可视化程序元素进行代码转换，得到目标程序。

本实施例中，不同的可视化程序元素对应不同的代码块，在识别出用户选择的目标可视化程序元素之后，根据预先存储的可视化程序元素与代码块之间的对应关系，通过转换，就可以得到各目标可视化程序元素对应的代码块，进一步地，根据用户构建的目标可视化程序元素之间的逻辑关系，确定转换后的代码块之间的组合方式，根据该组合方式对各目标可视化程序元素的代码块进行组合，得到对应的程序，即为目标程序。

S103、运行目标程序，并通过背景层展示目标程序的运行效果。

本步骤中，在S102之后，运行目标程序，并通过背景层对目标程序的运行效果进行展示，用户在不需要退出程序创建界面(前景层)的情况下，也可以清晰地知道自己创建的程序都做了什么，使人机交互过程更加友好。

本实施例中，通过在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，根据目标可视化程序元素之间的逻辑关系，对目标可视化程序元素进行代码转换，得到目标程序，运行目标程序，并通过背景层展示目标程序的运行效果，用户在前景层创建程序过程中的每一步操作，都可以都通过背景层进行实时展示，用户不需要在不同软件之间进行反复切换，不仅方便了用户的可视化编程操作，而且提高了程序的可视化展示效果，进而提升了用户的使用体验。

实施例二

图3为本申请实施例二提供的基于人机交互的可视化编程方法的流程示意图，在图2所示实施例的基础上，本实施例中，可视化程序元素区包括物件区、物件属性类别区、物件属性区，相应地，如图3所示，本实施例提供的基于人机交互的可视化编程方法，包括：

S201、根据用户在物件区中的选择操作，确定用户选择的目标物件。

在场景已知的情况下，需要先确定本次可视化编程的操作对象，即目标物件，本实施例中，通过可视化编程软件的人机交互界面提供物件区，物件区中包括各种待选物件的标识(如名称)，本步骤中，设备根据用户在物件区的选择操作，确定用户选择的目标物件。

示例性地，图4为本申请实施例提供的可视化编程软件的另一种人机交互界面示意图，如图4所示，各候选物件也可以事先显示在背景层中，当选择中某个物件作为目标物件时，如物件2，设备在识别出用户选择的目标物件后，通过控制背景层对应的物件出现描边、高亮等，达到向用户清晰展示目标物件的目的。

可选地，本实施例的可视化程序元素区还包括场景区，场景区用于提供不同的场景，相应地，在S201之前，本实施例的方法还包括，根据用户在场景区中的选择操作，确定用户选择的目标场景，根据目标场景，在物件区中展示目标场景对应的物件列表。

S202、根据目标物件，在物件属性类别区中展示目标物件对应的物件属性类别列表。

由于不同的物件对应的物件属性的类别可能不同，本步骤中，在识别出目标物件后，在物件属性类别区中展示目标物件对应的物件属性类别列表，即物件属性的分类表，示例性地，继续参照图4，可知，物件2对应的物件属性类别包括移动和动画两种，相应地，本步骤中，物件属性类别区中展示的即为物件2的物件属性类别列表。

S203、根据用户在物件属性类别区中的选择操作，确定用户选择的目标物件属性类别。

本步骤中，在S202之后，根据用户在物件类别区中的选择操作，确定用户选择的目标物件属性类别，即确定用户从物件属性类别列表中选择的目标物件属性类别是什么，示例性地，用户选择的物件属性类别为移动，则移动即为目标物件属性类别。

S204、根据目标物件属性类别，在物件属性区中展示目标物件属性类别对应的物件属性列表。

由于不同物件属性类别中包括的物件属性不同，如物件属性类别为颜色时，其包括的物件属性就为具体的颜色分类，如红、橙、黄等，物件属性类别为动画时，其包括的物件属性就为具体的动画分类，如弹跳、飞入等，相应地，本步骤中，根据S203中确定的目标物件属性类别，在物件属性区中展示目标物件属性类别对应的物件属性列表，示例性地，当识别出用户选择的目标物件属性类别为移动时，在物件属性区显示的即为移动对应的物件属性分类，继续参照图4，如图4所示，移动的物件属性包括向前移动和旋转两种，其中，向前移动用表示，旋转用/>表示。

S205、根据用户将物件属性区中的物件属性拖拽到编程区的操作，确定用户选择的目标物件属性。

本步骤中，在S204之后，根据用户将物件属性区中的物件属性拖拽到编程区的操作，确定用户选择的目标物件属性，可以理解的是，目标物件属性即为用户拖拽到编程区的物件属性，物件属性可以重复使用。继续参照图4，在图4中目标物件属性包括三个向前移动和两个旋转。

可以理解的是，上述S201-S205中的目标物件、目标物件属性类别和目标物件属性共同构成目标可视化程序元素。

S206、根据用户对编程区中目标物件属性的排序操作和/或连线操作，确定用户构建的目标物件属性之间的逻辑关系。

本实施例中，由于用户只会将选择的物件属性拖拽到编程区中，相应地，本步骤中的逻辑关系是指拖拽到编程区的物件属性之间的逻辑的关系。

本实施例中，用户将目标物件属性拖拽到编程区以后，当目标物件属性有多个时，用户还可以通过拖拽等操作对多个目标物件属性进行排序，或者，通过连线操作对多个目标物件属性进行逻辑串连，以构建多个目标物件属性之间的逻辑关系，相应地，设备根据用户的排序操作和/或连线操作等，识别用户构建的多个目标物件属性之间的逻辑关系。继续参照图4，图4中三个向前移动和两个旋转之间的排列顺序，即为用户构建的目标物件属性之间的逻辑关系。

S207、根据目标物件属性之间的逻辑关系，对目标物件属性进行代码转换，得到目标程序。

本步骤中，根据目标物件属性之间的逻辑关系，对目标物件属性进行代码转换，即先将各目标物件属性分别转换为代码块，再按照目标物件属性之间的逻辑关系，对各目标物件属性之间的代码块进行组合，得到目标程序。

可以理解的是，本实施例中的目标程序是对目标物件进行控制的程序。

S208、运行目标程序，并通过背景层展示目标程序的运行效果。

本步骤中，示例性地，当用户点击图4中的运行按钮时，通过背景层展示目标程序的运行效果，即展示物件2先向前移动3步，再旋转2次的效果。

可以理解的是，为便于用户更加清楚地看到目标程序的运行效果，本实施例中，可以预先设置对前景层进行隐藏或收起的功能图标，如箭头或按钮等，相应地，在S208之后，本实施例的方法还包括：

根据用户对预设功能图标的操作，隐藏前景层。

示例性地，以箭头作为预设功能图标为例，继续参照图4，通过点击图4中的右箭头，可以将前景层收起，得到如图5所示的界面，图5为本申请实施例提供的可视化编程软件的又一种人机交互界面示意图，用户通过图5所示的界面，可以更清晰地观看程序的运行效果，相应地，当用户需要返回前景层继续进行编程时，通过点击图5中左箭头，就可以打开前景层，返回图4所示的界面。

可以看出，当前景层收起时，物件区可以一同收起，也可以继续保持在背景层的前方，对此发明人不做限制。

实施例三

图6为本申请实施例三提供的基于人机交互的可视化编程装置的结构示意图，如图6所示，本实施例中基于人机交互的可视化编程装置10包括：

获取模块11和处理模块12。

获取模块11，用于在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系；

处理模块12，用于根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；运行所述目标程序，并通过背景层展示所述目标程序的运行效果。

可选地，所述前景层包括可视化程序元素区和编程区；所述获取模块11具体用于：

根据所述用户对所述可视化程序元素区中的可视化程序元素的选择操作和将所述可视化程序元素区中的可视化程序元素拖拽到所述编程区的操作，确定所述用户选择的目标可视化程序元素；

根据所述用户对所述编程区中目标可视化程序元素的排序操作和/或连线操作，确定所述用户构建的目标可视化程序元素之间的逻辑关系。

可选地，所述可视化程序元素区包括物件区、物件属性类别区、物件属性区，所述获取模块11具体用于：

根据所述用户在所述物件区中的选择操作，确定所述用户选择的目标物件；

根据所述目标物件，在所述物件属性类别区中展示所述目标物件对应的物件属性类别列表；

根据所述用户在所述物件属性类别区中的选择操作，确定所述用户选择的目标物件属性类别；

根据所述目标物件属性类别，在所述物件属性区中展示所述目标物件属性类别对应的物件属性列表；

根据所述用户将所述物件属性区中的物件属性拖拽到所述编程区的操作，确定所述用户选择的目标物件属性。

可选地，所述前景层为半透明蒙版界面，所述背景层为二维或三维场景界面。

可选地，所述处理模块还用于：

根据所述用户对预设功能图标的操作，隐藏或显示所述前景层。

本实施例所提供的基于人机交互的可视化编程装置可执行上述方法实施例所提供的基于人机交互的可视化编程方法，具备执行方法相应的功能模块和有益效果。本实施例的实现原理和技术效果与上述方法实施例类似，此处不再一一赘述。

实施例四

图7为本申请实施例四提供的一种电子设备的结构示意图，如图7所示，该电子设备20包括存储器21、处理器22及存储在存储器上并可在处理器上运行的计算机程序；电子设备20处理器22的数量可以是一个或多个，图7中以一个处理器22为例；电子设备20中的处理器22、存储器21可以通过总线或其他方式连接，图7中以通过总线连接为例。

存储器21作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本申请实施例中的获取模块11和处理模块12对应的程序指令/模块。处理器22通过运行存储在存储器21中的软件程序、指令以及模块，从而执行设备/终端/服务器的各种功能应用以及数据处理，即实现上述的基于人机交互的可视化编程方法。

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

实施例五

本申请实施例五还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在由计算机处理器执行时用于执行一种基于人机交互的可视化编程方法，该方法包括：

在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系；

根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；

运行所述目标程序，并通过背景层展示所述目标程序的运行效果。

当然，本申请实施例所提供的一种包计算机可读存储介质，其计算机程序不限于如上所述的方法操作，还可以执行本申请任意实施例所提供的基于人机交互的可视化编程方法中的相关操作。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本申请可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网格设备等)执行本申请各个实施例所述的方法。

值得注意的是，上述基于人机交互的可视化编程装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。

注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。

Claims (8)

1.一种基于人机交互的可视化编程方法，其特征在于，包括：

在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系，其中，所述前景层为半透明蒙版界面，背景层为二维或三维场景界面；

可视化程序元素区包括物件区、物件属性类别区、物件属性区；所述获取用户在前景层选择的目标可视化程序元素，包括：根据所述用户在所述物件区中的选择操作，确定所述用户选择的目标物件；根据所述目标物件，在所述物件属性类别区中展示所述目标物件对应的物件属性类别列表；根据所述用户在所述物件属性类别区中的选择操作，确定所述用户选择的目标物件属性类别；根据所述目标物件属性类别，在所述物件属性区中展示所述目标物件属性类别对应的物件属性列表；根据所述用户将所述物件属性区中的物件属性拖拽到编程区的操作，确定所述用户选择的目标物件属性；

根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；

运行所述目标程序，并通过所述背景层展示所述目标程序的运行效果。

2.根据权利要求1所述的方法，其特征在于，所述前景层包括可视化程序元素区和编程区；所述在用户进行可视化编程过程中，获取用户在前景层构建的目标可视化程序元素之间的逻辑关系，包括：

根据所述用户对所述编程区中目标可视化程序元素的排序操作和/或连线操作，确定所述用户构建的目标可视化程序元素之间的逻辑关系。

3.根据权利要求1-2任一项所述的方法，其特征在于，所述方法还包括：

根据所述用户对预设功能图标的操作，隐藏或显示所述前景层。

4.一种基于人机交互的可视化编程装置，其特征在于，包括：

获取模块，用于在用户进行可视化编程过程中，获取用户在前景层选择的目标可视化程序元素和构建的目标可视化程序元素之间的逻辑关系；其中，所述前景层为半透明蒙版界面，背景层为二维或三维场景界面；

可视化程序元素区包括物件区、物件属性类别区、物件属性区；所述获取模块，具体用于：根据所述用户在所述物件区中的选择操作，确定所述用户选择的目标物件；根据所述目标物件，在所述物件属性类别区中展示所述目标物件对应的物件属性类别列表；根据所述用户在所述物件属性类别区中的选择操作，确定所述用户选择的目标物件属性类别；根据所述目标物件属性类别，在所述物件属性区中展示所述目标物件属性类别对应的物件属性列表；根据所述用户将所述物件属性区中的物件属性拖拽到编程区的操作，确定所述用户选择的目标物件属性

处理模块，用于根据所述目标可视化程序元素之间的逻辑关系，对所述目标可视化程序元素进行代码转换，得到目标程序；运行所述目标程序，并通过所述背景层展示所述目标程序的运行效果。

5.根据权利要求4所述的装置，其特征在于，所述前景层包括可视化程序元素区和编程区；所述获取模块具体用于：

根据所述用户对所述编程区中目标可视化程序元素的排序操作和/或连线操作，确定所述用户构建的目标可视化程序元素之间的逻辑关系。

6.根据权利要求4-5任一项所述的装置，其特征在于，所述处理模块还用于：

根据所述用户对预设功能图标的操作，隐藏或显示所述前景层。

7.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-3中任一所述的基于人机交互的可视化编程方法。

8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-3中任一所述的基于人机交互的可视化编程方法。