Graph-基本操作
Graph是事件面板的演进功能，让你在不用编写代码的情况下，就能在像塑专业版中创造出花样百出的玩法。这篇文章会介绍Graph-可视化编程工具的基础概念，里面的有些专业术语可能让你联想到事件面板，可能让你联想到编程。
一、节点类型介绍
节点介绍
对于所有节点，大致分为两类 原子节点 和 功能节点。
原子节点是节点的基础单元，由原子节点组合的功能细腻、强大，但整体拼装难度大
功能节点是由若干个原子节点封装出来的功能性模块，能够快速和简单的实现控制和交互，但相对也缺少更多的灵活性
如何查看节点信息?
方式一 在节点添加列表内选中节点时，右侧显示对应节点端口的介绍 | 方式二 在某节点的底部点击Show node infor 或者 在节点中点击鼠标右键，选择Show node infor |
功能节点的分类
节点类型 | 节点描述 | 节点示例 |
事件触发 | 节点本身可以触发时间的发生。 比如说开拍时触发、检测到人脸触发、和手势触发等。 可以理解为玩法发生的起因。If | |
逻辑判断 | 描述触发因素是按照什么规律发生变化。 比如检测到人脸后产生了某个表情，以及开拍后时间过了多久后，按照怎样的顺序发生什么事情。 可以理解为玩法发生的过程。 | |
行为动作 | 描述对象发生了怎样的变化。 比如对象进行了显隐变化、发生位移、播放动画等。 可以理解为交互发生的结果。 |
二、节点基础操作
2.1 添加节点
方式一 点击添加按钮
- 在Graph操作面板的左上角，点击添加按钮 ，出现功能节点列表。选中节点进行添加
方式二 从输出端口拖拽
- 对已有节点的输出端口拖出连线到空白位置，松开鼠标，自动弹出节点添加列表
方式三 从特效信息面板拖入
- 可以将特效元件直接拖入Graph操作面板中，获取相关数据
方式四 从资源管理拖入
- 可以将资源拖入Graph操作面板中
方式五 从参数信息面板拖入
- 在参数信息面板，支持将某一个属性信息拖入到Graph操作面板中
2.2 连接节点
控制端口和数据端口
控制端口
| 数据端口
|
在Screen Tap节点中，Tap 为一个控制端口，输出用户点击了屏幕的信号 | 在Screen Tap节点中，Position为一个数据端口。Position的数据类型为 (X,Y)坐标，所以连接的点也必须为(X,Y)坐标 |
举个例子来解释两个不同的端口🌰
因为
- Screen Tap的首个输出触发节点 Tap，为点击屏幕之后输出一个触发信号
- Screen Tap的第二个输出数据节点 Position ，为用户点击屏幕后的(X , Y)的坐标轴，X和Y为整数
- Get Eye Blink State的第一个节点Start为获取眨眼状态
- Get Eye Blink State的第二个节点Index为第几张人脸，数据为整数
所以
- 可连接的情况
Screen Tap | 连接 | Get Eye Blink State |
Tap | 🔗 | Start |
- 不可连接的情况
- Position 作为一个坐标轴数据(X,Y)，既不能和Start 连接也不能和Index 连接。原因是Position的数据类型和Start、Index 不一致
数据端口类型切换
部分数据处理节点支持数据类型的切换，可以通过切换数据来使节点支持更多数据类型。
举个例子：用加法节点来切换数据端口类型
- 点击增加按钮
- 在Math>Add，在面板中增加Add节点
- 在Algorithm>Screen Tap，在面板中增加Screen Tap节点
- 切换数据端口类型
- Screen Tap中的Position 为一个坐标(X,Y)，而Add中Value 为整数Int，为了让两个数据连接，我们将Add中整数Int切换为Vector2f
- 此时Add的数据端口类型换成了坐标(X,Y)，于是我们把Position 与其相连接。
2.3 断开节点
取消连线 | 删除节点 |
选中连线后，点击Delete可删除 | 选中节点后，点击Delete可以删除节点；可批量删除，同时支持Commend+Z/Ctrl+Z 进行撤销操作 |
三、面板基础操作
- 窗口的拉伸和拖动
窗口拉伸拖动 | 点击分离按钮，窗口拓展为独立窗口 |
- 概览地图
通过拖动概览地图进行区域快速定位，点击概览地图按钮进行概览地图显隐切换 |
- 定位到中间位置
当节点连接过于复杂时，定位中心位置 按钮能够帮你快速回到节点的中心区域并恢复默认尺寸 |