拼图工具 - Verge3D

Verge3D的Puzzles编辑器是开发任何复杂的智能Web应用程序的强大工具。通过Puzzles，您可以轻松地将行为场景添加到3D内容中，使其具有交互性并响应用户操作。这个神奇的工具既可用于快速原型制作，也可用于生产。对于3D艺术家来说，这个宝贵的工具克服了Web开发的技术障碍，从而可以将他们的创造力应用于交互式3D Web领域。
Puzzles编辑器中的拼图根据下面指定的类别进行分组。
初始化(Initialization)
事件(Events)
选择器(Selectors)
对象(Objects)
材质(Materials)
动画(Animation)
相机(Camera)
场景(Scenes)
杂项(Misc)
时间(Time)
HTML(HTML)
AR / VR(AR/VR)
声音(Sound)
约束(Constraints) 
后期处理(Post-processing)
字典(Dictionaries)
变量(Variables)
程序(Procedures)
系统(System)
库(Library)
​初学指南 中介绍了Puzzles编辑器的基本操作。
＃
初始化(Initialization)
这些拼图位于init选项卡下，并在初始化Verge3D应用程序之前进行解释。
＃
“配置应用程序”("configure application")
允许设置应用程序初始化参数，包括一些WebGL上下文创建参数。
“压缩资产”("compressed assets")- 使应用程序加载.xz格式的压缩场景而不是常规.gltf文件（有关详细信息，请参阅资产压缩部分）
“默认全屏按钮” ("default fullscreen button")- 使默认全屏按钮显示在右上角
“透明背景”("transparent background") - 使背景透明，以便通过WebGL画布显示网页的底层部分
“启用屏幕截图”("enable screenshots") - 将WebGL上下文的preserveDrawingBuffer属性设置为true，从而可以从WebGL画布正确捕获屏幕截图
“淡化注释” ("fade annotations")- 当注释被场景对象阻挡时，注释会消失
＃
“设置预加载器”+“百分比”("setup preloader" + "percentage")
删除默认预加载器并公开事件回调以允许处理预加载器进度事件。
＃
事件(Events)
此类别的拼图处理用户生成的事件：鼠标点击/触摸，悬停和拖动。
＃
“点击时”("when clicked")
等待用户点击指定的3D对象（或在列表或组里的任何物体，或在启用“all objects”拼图时场景里的所有物体） – 然后在“do”插槽中运行拼图，或者如果用户点击其他内容则在“miss：do”插槽中运行拼图。
＃
“选择的物体”("picked object")
返回用户单击的对象。与“点击时”("when clicked")拼图一起使用。
＃
“悬停时”(“when hovered”)
等待用户将鼠标悬停在指定的3D对象上（或在列表或组里的任何物体，或在启用“all objects”拼图时场景里的所有物体） – 然后在“over / out：do”插槽中运行拼图。
＃
“悬停的物体”("hovered object")
返回用户悬停的对象。与“悬停时” (“when hovered”)拼图一起使用。
＃
“移动时”("when moved")
跟跟踪指定对象 （或在列表或组里的任何物体，或在启用“all objects”拼图时场景里的所有物体） 的任何移动（位置，旋转和缩放）。如果对象开始移动，则在“start：do”插槽中运行拼图，在“while moving：do”插槽中继续运行拼图，直到对象停止移动，然后在“stop：do”插槽中运行拼图。“delta”参数表示触发此拼图所需的位置，旋转或比例的任何坐标（x，y或z）的绝对变化。“period”参数表示在再次检查移动之前拼图等待的渲染帧数。
“被拖动时”("when dragged")
等待用户使用鼠标拖动指定的3D对象 （或在列表或组里的任何物体，或在启用“all objects”拼图时场景里的所有物体） – 然后生成移动数据，以便在“拖动”(”drag move”)，“拖动旋转”(”drag rotate”)和“拖曳比例”(”drag scale”)拼图中使用。还可以捕获开始和结束拖动的事件。
“拖拽移动”(”drag move”)
根据“被拖动时”("when dragged")拼图生成的拖动移动数据，移动指定的3D对象（或在列表或组里的任何物体，或在启用“所有物体”(“all objects”拼图时场景里的所有物体） 。使用下拉菜单限制移动到特定轴或平面，或根本不限制。
＃
“拖拽旋转”(“drag rotate”)
根据”when dragged over”拼图生成的拖动移动数据旋转指定的3D对象（或指定列表或组中的所有对象，或者如果使用所有对象拼图，则为场景上的所有对象）。使用下拉菜单将旋转限制为特定轴。 “space” 下拉允许在”local” 和”parent” 坐标空间之间切换。
＃
“拖拽缩放”("drag scale")
根据”when dragged over”拼图生成的拖动移动数据缩放指定的3D对象（或指定列表或组中的所有对象，或者如果使用所有对象拼图，则为场景上的所有对象）。使用下拉菜单限制缩放到特定轴。
＃
选择（Selectors）
此类别的拼图用于选择3D对象，组，动画片段和材质以适应其他拼图。
＃
“选择对象”(“select object”)
下拉列表包含场景中所有对象的按字母顺序排列的列表。
＃
“所有对象”(“all objects”) 
表示场景中的所有对象，以便可以批量应用操作。不可迭代。
＃
“选择组”
下拉列表包含场景中显示的所有对象组的按字母顺序排列的列表。操作可以批量应用于一组对象。不可迭代。
＃
“选择动画”
下拉列表包含场景中显示的所有动画片段的按字母顺序排列的列表。根据在3ds Max或Blender中应用动画的对象命名动画剪辑。
＃
“选择材质”
下拉列表包含场景中存在的所有材质的按字母顺序排列的列表。
＃
对象
此类别的拼图使用对象执行各种操作。
＃
“节目”
使最初或以前隐藏的指定对象可见。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“隐藏”
使指定的对象不可见。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“是可见的”
检查对象（或列表中的任何对象）当前是否可见。如果是这样，则返回true，否则返回false。
＃
“克隆”
制作对象副本，为新对象生成唯一名称并立即将其添加到场景中。输出新对象。不适用于列表，组或所有对象拼图。
＃
“对齐对象”
通过复制其变换数据将对象移动到另一个对象的位置。还复制旋转和缩放。不适用于列表，组或所有对象拼图。
＃
“集变换”
根据指定的变换数据移动，旋转或缩放对象。“偏移”复选框允许相对于原始位置/旋转/比例移动/旋转/缩放对象。任何轴输入都可以留空。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“变换”
检索对象的位置，旋转或缩放数据。不适用于列表，组或所有对象拼图。
＃
“改变局部转型”
根据其本地空间中的指定变换数据移动，旋转或缩放对象。任何轴输入都可以留空。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“添加注释”
将2D标记添加到用户可以展开的对象，方法是单击该标记以查看对象描述。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“删除注释”
从对象中删除以前添加的注释。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“更新文本对象”
根据指定的文本内容为文本对象生成新网格。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“父”
在对象之间创建父关系，以便第一个对象跟随第二个对象的位置/旋转/缩放。不适用于列表，组或所有对象拼图。
＃
“距离”
输出两个指定对象之间的距离。不适用于列表，组或所有对象拼图。
＃
“大纲”
对指定对象应用或删除轮廓效果。要解锁此拼图，请在3ds Max或Blender中启用轮廓效果。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
物料
＃
“分配材质”
将材质指定给对象，完全替换旧材质。也适用于对象列表，组（或组列表）或所有对象拼图。
＃
“替换纹理”
使用从提供的URI加载的纹理替换为指定材质找到的纹理。
Could not load image
＃
“设置颜色”
设置为指定材质找到的颜色参数的R，G和B分量。
对于3ds Max用户：您可以在材质（标准或物理）中添加控制器，其名称将显示在下拉菜单中。此外，还可以访问标准或物理材质节点的漫反射（或“基础”）颜色输入。对于符合glTF标准的PBR材质，基本颜色和发射输入只能通过此拼图访问。
对于Blender用户：您可以在基于节点的材质（GLSL Internal，Cycles，Eevee）中添加RGB节点，它们的名称将显示在下拉菜单中。此外，还可以访问材质，扩展材质，BSDF Principled，BSDF Diffuse和BSDF Glossy节点的漫反射（或“基础”）颜色输入。对于符合glTF标准的PBR材质，BaseColor和Emissive输入只能通过此拼图访问。
此拼图还可用于修改环境着色器。在下拉列表中，环境着色器的名称以“Verge3D_Environment”开头。
有关Verge3D用户可用材质的更多信息，请参阅本手册的材质系统概述章节：3ds Max，Blender。
＃
“设定值”
设置为指定材质找到的值参数。
对于3ds Max用户：您可以在材质（标准或物理）中添加控制器，其名称将显示在下拉菜单中。在符合glTF标准的PBR材质的情况下，可以通过以下难题访问以下输入：金属度，粗糙度，凹凸比例，发射强度和环境图强度。
对于Blender用户：您可以在基于节点的材质（GLSL Internal，Cycles，Eevee）中添加Value节点，它们的名称将显示在下拉菜单中。在符合glTF标准的PBR材质的情况下，可以通过以下难题访问以下输入：金属度（PBR节点中的MetallicFactor），粗糙度（PBR节点中的RoughnessFactor），bumpScale（PBR节点中的NormalScale），emissiveIntesity（PBR节点中的EmissiveFactor）和envMapIntensity （未在PBR节点中显示）。
此拼图还可用于修改环境着色器。在下拉列表中，环境着色器的名称以“Verge3D_Environment”开头。
有关Verge3D用户可用材质的更多信息，请参阅本手册的材质系统概述章节：3ds Max，Blender。
＃
“获取材质”
检索分配给对象的材质的名称。如果为同一对象分配了多个材质，则返回第一个。
＃
动画
此类别的拼图使用动画片段执行操作。
＃
“播放动画”
播放动画片段。动画剪辑名称对应于在3ds Max或Blender中为其指定动画的对象（每个对象只能分配一个动画片段）。使用动画选择器拼图为此拼图提供动画剪辑。
使用“from”和“to”字段指定帧范围。使用“速度”字段指定播放速度。“反转”复选框启用反向播放。下拉菜单可用于更改动画模式 - “auto”允许使用3ds Max或Blender中指定的动画模式，而其他模式则覆盖3ds Max或Blender中指定的设置。
动画结束后处理“完成时：完成”插槽中的拼图（这仅对“一次”动画模式有效）。
此拼图也适用于动画片段列表。
＃
“停止动画”
停止播放动画片段。也适用于动画片段列表。
＃
“暂停动画”
暂停动画片段播放，以便稍后从暂停的帧开始恢复。也适用于动画片段列表。
＃
“恢复动画”
恢复以前暂停的动画片段。也适用于动画片段列表。
＃
“设置动画帧”
将动画片段设置为指定的帧。也适用于动画片段列表。
＃
“是动画片”
检查当前是否正在播放动画片段（或列表中的任何动画）。
＃
“搞动画”
检索指定对象的动画片段。也适用于对象列表，组（或组列表）或所有对象拼图。返回值始终是动画片段列表（即使只有一个动画片段）。
＃
相机
此类别的拼图使用相机执行操作。
＃
“看着”
平滑地为活动相机设置动画，使其最终以指定对象为目标。numeric参数指定执行动画的时间段（以秒为单位）。
＃
“补间相机”
平滑地为活动相机设置动画，使其位置最终更改为指定对象的位置，并且相机将指向另一个指定对象。numeric参数指定执行动画的时间段（以秒为单位）。
＃
“设置有源相机”
使指定的相机处于活动状态。这可用于更改摄像机控制模式（“轨道”与“飞行”与“无控制”），视野和其他设置。
＃
场景
此类别的拼图通过场景执行加载/卸载操作。
＃
“加载场景”+“百分比”
触发此拼图时，将卸载当前场景并从指定的.gltf文件加载新场景。加载完成后，触发“加载时”插槽中的拼图。还可以启用“on progress do”插槽。放置在此插槽中的拼图在装载期间不断触发，并可利用“百分比”拼图。
＃
“追加场景”+“百分比”
触发此拼图时，将从指定的.gltf文件加载新场景并将其附加到当前场景。加载完成后，触发“加载时”插槽中的拼图。还可以启用“on progress do”插槽。放置在此插槽中的拼图在装载期间不断触发，并可利用“百分比”拼图。默认情况下，“追加场景”拼图不会从新场景加载相机和灯光。可以在拼图选项中更改此行为。
＃
“卸载场景”
从应用程序卸载指定的场景或其部分。使用空文本值以卸载所有场景。
＃
杂项
杂项拼图在高层次上执行各种操作。
＃
“打开网页”
触发此拼图时，将根据下拉选项在新的或相同的浏览器选项卡中打开指定的URL。当从Puzzles编辑器触发时，它会在离开选项卡之前要求用户确认。
＃
“社交分享链接”
生成用于在流行社交媒体中共享应用程序的链接。
＃
“替换场景”
这个拼图已被弃用。请改用加载场景。
触发此拼图时，将卸载当前场景并从指定的.gltf文件加载新场景。加载完成后，触发“加载时”插槽中的拼图。
＃
“调用JS函数”
执行应用程序的JavaScript代码中指定的函数。可选择传递要用作函数参数的参数。
为了将函数添加到JavaScript代码，打开应用程序的.js文件（例如，my_awesome_app.js位于verge3d /应用/ my_awesome_app）用任何文本编辑器。搜索“prepareExternalInterface”并在该声明中添加您的函数（在大括号之间），使它看起来像这样：function prepareExternalInterface(app) { app.ExternalInterface.myJSFunction = function(numericArg, textArg) { alert('Got some params from Puzzles: ' + numericArg + ' and ' + textArg); } }
＃
“当从JS调用时”
允许从应用程序的JavaScript代码触发Puzzles。（可选）检索从JavaScript代码传递的参数，并将它们保存为变量以供“do”插槽中的拼图使用。
Could not load image
为了从JavaScript代码触发这个难题，打开应用程序的.js文件（例如，my_awesome_app.js位于verge3d /应用/ my_awesome_app）用任何文本编辑器。搜索“runCode”并在该声明中添加一个函数调用（在大括号之间），这样它看起来像这样：function runCode(app) { app.ExternalInterface.myJSCallback('Hello, Puzzles!', 80); }
＃
“加载数据”
尝试从指定位置加载数据。无论尝试是否成功，都会解释“曾经准备就绪”插槽中的难题。可以通过加载的数据拼图访问检索到的数据。
＃
“发送数据”
尝试使用异步POST HTTP请求将指定数据发送到远程位置。无论尝试是否成功，都会解释“曾经准备就绪”插槽中的难题。如果有任何响应数据，可以通过加载的数据拼图访问它。
＃
“加载数据”
返回由加载数据检索的数据或发送数据拼图。
＃
“读JSON”
将文本解释为JavaScript Object Notation数据。
＃
“读取CSV”
将文本解释为逗号分隔值。返回表行列表，每行表示为值列表。可以使用下拉列表选择分隔符以对应CSV文件的导出设置。“从行”值表示从顶部开始将跳过多少行。
表行和值由它们的数字索引从0开始访问。
＃
“拯救国家”
保存指定对象的状态和/或由其名称指定的变量值。克隆对象并将其存储在内存中。检索变量的值并将其存储在每个指定变量名的内存中。
如果多次调用此拼图，则按顺序保存状态，以便可以使用撤消状态拼图返回任何先前的状态。
＃
“撤消状态”
恢复使用保存状态拼图保存的对象和/或变量的状态。
如果多次调用此拼图，则从保存的序列（如果有）恢复状态，这使得可以从堆栈返回任何先前保存的状态。
＃
“所有变量名称”
返回一个列表，其中包含Puzzles中使用的所有变量的名称。
＃
“按名称变量值”
返回由其名称指定的变量的值。此拼图与标准变量值拼图的工作方式类似，但不需要从预定义的下拉菜单中选择变量。
＃
“下订单”
使用“标题”，“内容”和“总价格”字段以及可选的屏幕截图组成隐藏的订单表单，并根据Wordpress插件部分中说明的规范将此表单提交到指定的URL。默认情况下，订单表单将提交给演示订购页面。
Verge3D附带一个免费的Wordpress插件，可以处理这个拼图提交的请求。收到这样的请求后，这个Wordpress插件呈现一个页面，其中包含扩展形式，并附有联系和注释字段，嵌入式屏幕截图和验证码。最终填写的表单由客户提交，并在Wordpress管理界面中创建新订单。客户和销售经理都通过电子邮件通知订单。
有关设置信息，请参阅本手册的Wordpress插件部分。
请务必在配置应用程序拼图中启用屏幕截图，否则屏幕截图可能会以黑色呈现。
＃
“功能可用”
检查用户浏览器中是否提供从下拉列表中选择的功能。
Could not load image
＃
时间
这些拼图产生基于时间的事件。
＃
“后”
等待指定的时间，然后触发放置在“do”插槽内的拼图。
＃
“每”
等待指定的时间，然后触发放置在“do”插槽内的拼图。然后重复。
＃
“每一帧”
触发每个渲染帧放置在“do”插槽内的拼图（通常以每秒60帧的速率）。
＃
“过去”
输出从前一个渲染帧传递的时间量（以秒为单位）。可以与“每帧”拼图一起使用来实现与帧无关的动画。
Could not load image
＃
HTML
这些拼图操纵HTML DOM元素。
＃
“添加HTML元素”
创建具有指定类型和标识符（对应于“id”属性）的HTML元素，并将其附加到文档正文。还将其样式属性“position”设置为“absolute”。
＃
“获取属性”
从具有指定标识的HTML元素中 获取属性。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。
＃
“设置属性”
为具有指定标识的HTML元素 设置属性。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。也适用于元素ID列表。
＃
“设定风格”
为具有指定标识的HTML元素 设置CSS属性。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。也适用于元素ID列表。
＃
“设置CSS规则”
为指定的CSS规则（在应用程序的.css文件中找到） 设置CSS属性。如果样式表属于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件），则应启用“在父文档中”复选框。
＃
“事件”
为具有指定标识的HTML元素 注册事件侦听器。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。一旦发生事件，触发放置在“do”槽中的拼图。也适用于元素ID列表。
＃
“获取事件属性”
输出由“事件”拼图生成的事件的属性值。
＃
“文献”
表示DOM文档对象 - HTML文档的根节点。
Could not load image
＃
“身体”
表示DOM正文对象 - HTML文档的<body>元素。
Could not load image
＃
“画线”
通过动态更新的线将指定的3D对象与指定的HTML元素连接起来。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。您还可以设置线条的宽度，颜色和偏移量。
＃
“删除线”
从指定对象中删除以前创建的行。
＃
“绑定元素”
使指定的HTML元素跟随屏幕空间中指定3D对象的中心。如果HTML元素位于外部HTML文档（使用iframe嵌入Verge3D应用程序的.html文件）中，则应启用“在父文档中”复选框。一个更加可自定义的“添加注释”拼图的变体。
＃
“初始化全屏”
使指定的HTML元素表现为全屏模式按钮 - 首次单击它会触发进入全屏模式，第二次单击会退出全屏模式。进入或退出全屏模式时会触发放置在“on enter do”和“on do do”插槽中的拼图。如果浏览器不支持全屏（例如iOS Safari），则会触发放置在“if unavailable do”中的拼图。
＃
“截图”
获取视口的屏幕截图并以数据URI格式输出。
＃
AR / VR
这些拼图用于实现基于Web的增强现实（AR）和虚拟现实（VR）体验，这些体验运行在开发中的浏览器技术之上，称为WebXR（Web上的eXtended Reality）。
这些拼图被认为是实验性的，因为WebXR正在快速发展，浏览器预览版本每天都在变化。目前AR拼图被禁用，直到规格稳定。为了使用VR拼图，我们建议在创建新项目时打开Legacy VR复选框。
＃
“初始VR模式”
初始化虚拟现实系统。如果成功，将触发“if available do”中的拼图。否则，如果浏览器不支持VR或VR硬件未找到，则触发“if unavailable do”插槽中的拼图。
Could not load image
有关支持的VR设备和最佳实践的更多信息，请参阅“ 用户手册”。
＃
“进入VR模式”
进入虚拟现实模式。进入或退出VR模式时会触发放置在“on enter do”和“on do do”插槽中的拼图。如果无法建立VR会话，则会触发放置在“if unavailable do”中的拼图。
＃
声音
这些拼图用于加载和播放HTML5声音。
＃
“加载声音”
创建HTML5音频元素并使用指定的URL加载声音文件。此拼图还将创建的音频元素添加到内存缓存中，以便具有相同URL的此拼图的任何后续使用不会再次加载相同的声音文件。建议使用.mp3格式，因为大多数Web浏览器都支持。
＃
“播放声音”
开始播放音频。如果启用，循环复选框将重复声音播放。
Could not load image
＃
“暂停声音”
暂停音频播放。
Could not load image
＃
“倒带声”
设置音频元素以从头开始播放声音。
Could not load image
＃
“设定音量”
设定音量。输入音量被钳制到0.0-1.0范围。
＃
“正在玩”
检查当前是否正在播放声音。
＃
约束
这些拼图用于约束物体运动。如果对象不是另一个对象的父级，则约束将在世界空间中起作用。否则它们将在父对象的空间中工作 - 您可以在3ds Max或Blender中选择父对象以显示坐标轴。
＃
“极限变换”
设置约束以限制沿选定轴的对象位置，旋转或缩放。指定的id应该是唯一的，否则将替换具有相同的现有约束。“min”和“max”槽指定允许移动之间的范围。
＃
“复制变换”
设置约束以从另一个对象复制对象位置，旋转或缩放。指定的id应该是唯一的，否则将替换具有相同的现有约束。
＃
“操作”
使用分配给指定对象的指定id删除，静音或取消静音约束。分配给此对象的其他约束（如果有）将保持不变。
Could not load image
＃
后期处理
这些拼图用于设置各种后处理效果。
＃
“盛开”
启用绽放效果。
＃
“亮度/对比度”
允许调整渲染的亮度和对比度。
＃
“景深”
启用景深（DOF）效果。
＃
“灰度”
启用灰度效果。
＃
“环境光遮蔽”
启用屏幕空间环境光遮挡（SSAO）效果。
＃
“删除后处理效果”
删除所有后处理效果。
＃
变量
变量是可以更改（变化）的命名值。变量可以通过几种不同的方式创建：
您可以通过单击Create variable ...按钮创建变量，然后为其选择任何名称。名称，无论它出现在程序中的哪个位置，都可以随时通过变量的下拉菜单进行更改。
过程可以定义输入，这些输入创建只能在过程中使用的变量。这些传统上称为参数或参数。
每个“count with”和“for each”拼图都使用变量并定义其值。这些值只能在拼图中使用。
变量的典型用例是当您有一个可以处于多个状态的对象时。例如，门可以打开或关闭，如果您想要正确地设置它，您需要知道它现在的状态。
＃
“组”
这个拼图为变量赋值。
＃
“得到”
此拼图提供存储在变量中的值，而不更改它。
＃
“更改”
将存储在变量中的值增加指定的数字。如果初始值不是数字，或者未设置，则认为它是零，并且递增。
＃
程序
过程（又称函数）是执行特定任务的一组命名的拼图。通过在程序中组织您的拼图，您可以使您的场景更紧凑和可维护。
通过从工具箱中拖出过程定义拼图，可以创建一个新过程：
可以重新命名新创建的程序拼图并填充其他拼图以执行某项任务：
要能够触发（调用）过程，请从工具箱中拖出相应的拼图：
可以从Puzzles场景的多个位置触发多次过程。这可以允许重复使用拼图而不是直接复制类似的拼图数次。例如，只要用户单击对象本身或HTML按钮（因此保护重复控件），就可以启动动画。
过程可能具有其他输入参数（也称为参数）。要在程序中添加输入，请单击齿轮图标并从左侧的工具箱中拖出参数拼图，将其粘贴在输入拼图中：
为了能够在过程中使用输入参数，请拖出在“变量”中自动创建的相应“get”变量拼图：
此变量可用作实际数据（如对象名称）的替代，以执行某些任务。
使用输入触发过程时，为每个触发器拼图提供数据。
您可以使用右键单击菜单从触发器拼图跳转到相应的过程定义拼图：
＃
“返回程序”
过程可以将计算值输出到其调用者（也称为返回值）。要创建这样的过程，请从工具箱中拖出带有返回槽的过程拼图的变体。
＃
“如果回归”
在解释所有内部拼图之前，过程可以在某些条件下返回值。在这种情况下，程序会过早停止运行。
＃
调试
＃
“打印到控制台”
将任何类型的数据打印到浏览器控制台。后者通常可以使用F12键打开（Chrome，Firefox，Windows，Linux）。在Mac上，使用Chrome中的View> Developer> JavaScript Console菜单（Option-Cmd-J），或Safari中的Develop> Show Error Console菜单（Option-Cmd-C）。
Could not load image
＃
“打印性能信息”
在1秒内记录性能配置文件并将其打印到浏览器控制台。后者通常可以使用F12键打开（Chrome，Firefox，Windows，Linux）。在Mac上，使用Chrome中的View> Developer> JavaScript Console菜单（Option-Cmd-J），或Safari中的Develop> Show Error Console菜单（Option-Cmd-C）。
Could not load image
＃
拼图库
库是一组持久存储，用于在多个项目中重复使用的拼图组。您可以通过右键单击拼图组并选择“ 将N拼图保存到库 ”选项，将拼图组添加到库中。在模态窗口中键入组的名称，因为它将出现在库的条目列表中（通过重新加载Puzzle编辑器来刷新它）。
通过将其拖出到工作区，可以从库中检索已保存的拼图组。
单击删除此项按钮可以从库中删除条目（通过重新加载Puzzle编辑器刷新条目列表）。