ProtoPie AI 已上线——现已进入 Beta 版。了解更多

ProtoPie AI 已上线——现已进入 Beta 版。了解更多

菜单

触发器

在 ProtoPie 中,触发器(Trigger)是一个事件,用于在你的原型中触发称为响应的特定动作。

触控触发器

触控触发器需要实际触摸智能设备的显示屏。例如,可以是轻点(Tap)、长按(Long Press)或拖动(Drag)操作。也支持多点触控手势,例如捏合(Pinch)和旋转(Rotate)。

轻点

指尖触碰触摸屏并立即抬起的操作。


{'_type': 'localeString', 'en': 'trigger tap'}


{'_type': 'localeString', 'en': 'trigger tap'}

触发器属性

手指数

最多支持五根手指

手指数

最多支持五根手指

双击

指尖快速连续两次触碰触摸屏的操作。


{'_type': 'localeString', 'en': 'trigger doubletap'}


{'_type': 'localeString', 'en': 'trigger doubletap'}

触发器属性

手指数

最多支持五根手指

手指数

最多支持五根手指

按下

指尖触碰触摸屏的操作。


{'_type': 'localeString', 'en': 'trigger touchdown'}


{'_type': 'localeString', 'en': 'trigger touchdown'}

触发器属性

手指数

最多支持五根手指

手指数

最多支持五根手指

抬起

当用户释放图层时会立即触发响应。例如,可与拖动结合使用,在用户拖动并释放图层时启动交互。


{'_type': 'localeString', 'en': 'trigger touchup'}


{'_type': 'localeString', 'en': 'trigger touchup'}

触发器属性

手指数

最多支持五根手指

手指数

最多支持五根手指

长按

指尖在触摸屏上保持接触一段时间后抬起的操作。


{'_type': 'localeString', 'en': 'trigger longpress'}


{'_type': 'localeString', 'en': 'trigger longpress'}

触发器属性

手指数

最多支持五根手指

按压时间

手指接触屏幕的持续时间

手指数

最多支持五根手指

按压时间

手指接触屏幕的持续时间

快速滑动

当图层以快于默认速度沿所选方向滑动时,会触发响应。


{'_type': 'localeString', 'en': 'trigger fling'}


{'_type': 'localeString', 'en': 'trigger fling'}

触发器属性

方向

手指移动所朝向的区域

方向

手指移动所朝向的区域

拉动

Pull 是一个具有 true/false 属性的触发器。如果目标图层被拉过某个点,图层会根据用户在触发器属性面板中设置的距离移动。如果条件不满足,图层会返回原始位置。


{'_type': 'localeString', 'en': 'trigger pull'}


{'_type': 'localeString', 'en': 'trigger pull'}

触发器属性

方向

手指移动的方向区域

距离

图层移动的空间量

跟随过度拉动

当手指移动超出预设区域时发生的反应

缓动

图层移动加速度的变化

方向

手指移动的方向区域

距离

图层移动的空间量

跟随过度拉动

当手指移动超出预设区域时发生的反应

缓动

图层移动加速度的变化

拖动

指尖在接触触摸屏的同时在屏幕上移动的操作。


{'_type': 'localeString', 'en': 'trigger drag'}


{'_type': 'localeString', 'en': 'trigger drag'}

触发器属性

手指数

最多支持五根手指

手指数

最多支持五根手指

与拖动触发器关联的响应属性

方向

图层移动的方向

限制

图层可移动的最小值和最大值

比率

图层被拖动的距离与手指在屏幕上移动距离之间的比率。当该值设置为 100 时,两者距离值相等,换句话说,图层覆盖的距离与手指移动的距离相同。当该值更高时,与手指相比图层移动得更远,反之亦然

方向

图层移动的方向

限制

图层可移动的最小值和最大值

比率

图层被拖动的距离与手指在屏幕上移动距离之间的比率。当该值设置为 100 时,两者距离值相等,换句话说,图层覆盖的距离与手指移动的距离相同。当该值更高时,与手指相比图层移动得更远,反之亦然

捏合

两根手指在接触触摸屏时相互远离或靠近的操作。


{'_type': 'localeString', 'en': 'trigger pinch'}


{'_type': 'localeString', 'en': 'trigger pinch'}

与捏合触发器关联的响应属性

方向

图层移动的朝向区域

枢轴点

图层进行旋转或缩放时所依据的参考点

限制

图层可移动范围的最小值和最大值

方向

图层移动的朝向区域

枢轴点

图层进行旋转或缩放时所依据的参考点

限制

图层可移动范围的最小值和最大值

旋转

两根手指在接触触摸屏时向同一方向转动的操作。


{'_type': 'localeString', 'en': 'trigger rotate'}


{'_type': 'localeString', 'en': 'trigger rotate'}

与旋转触发器关联的响应属性

轴心点

图层进行旋转或调整大小时所依据的参考点

轴心点

图层进行旋转或调整大小时所依据的参考点

条件触发器

顾名思义,条件触发器会根据特定条件激活交互。

链式

一个图层某个属性的变化会改变另一个图层属性的操作。


{'_type': 'localeString', 'en': 'trigger chain'}


{'_type': 'localeString', 'en': 'trigger chain'}

触发器属性

属性

将图层属性值作为更改其他图层的参考

属性

将图层属性值作为更改其他图层的参考

链式后的响应属性

触发器的图层映射范围 1

链目标图层的移动范围

响应的图层映射范围 2

某图层的取值范围;该图层将在链目标图层的移动范围内移动

触发器的图层映射范围 1

链目标图层的移动范围

响应的图层映射范围 2

某图层的取值范围;该图层将在链目标图层的移动范围内移动

范围

当对象的属性或变量过渡到你定义的某个范围(因此得名)时,Range 触发器会触发。该触发器只会在属性进入该范围时触发一次。例如,你可以定义一个 Range 触发器,在对象的 x 属性变为 200 像素或更大时触发。当对象从 199 过渡到 200 时,触发器会触发一次。当 x 属性保持在 200 或更大时不会再次触发;当属性降到 200 以下(例如从 200 到 199)时也不会触发。 但是,如果属性再次从 199 过渡到 200,它会再次触发。


{'_type': 'localeString', 'en': 'trigger range'}


{'_type': 'localeString', 'en': 'trigger range'}

触发器属性

1. 大于或等于

当目标图层的值达到某个特定值时

2. 小于或等于

当目标图层低于某个特定值时

3. 介于之间

当目标图层的值位于两个特定值之间时

4. 不介于之间

当目标图层的值位于两个特定值之间的范围之外时

1. 大于或等于

当目标图层的值达到某个特定值时

2. 小于或等于

当目标图层低于某个特定值时

3. 介于之间

当目标图层的值位于两个特定值之间时

4. 不介于之间

当目标图层的值位于两个特定值之间的范围之外时

开始

Start 允许你在加载某个场景时激活交互。


{'_type': 'localeString', 'en': 'trigger onload'}


{'_type': 'localeString', 'en': 'trigger onload'}

触发器属性

跳转后开始

在执行“跳转”响应后,开始会立即激活。

与跳转同时开始

开始会与“跳转”响应同时激活。

每次都重新开始

每次加载当前活动场景时,开始都会激活。

跳转后开始

在执行“跳转”响应后,开始会立即激活。

与跳转同时开始

开始会与“跳转”响应同时激活。

每次都重新开始

每次加载当前活动场景时,开始都会激活。

检测

当图层属性或变量发生变化时,会激活响应。


{'_type': 'localeString', 'en': 'trigger change'}


{'_type': 'localeString', 'en': 'trigger change'}

鼠标触发器

鼠标触发器根据电脑鼠标的移动来激活。它们允许你基于光标悬停在对象上或离开对象来创建交互。

鼠标移入

当鼠标指针移动到对象上方时,会触发响应。


{'_type': 'localeString', 'en': 'trigger mouse over'}


{'_type': 'localeString', 'en': 'trigger mouse over'}

鼠标移出

当鼠标指针从对象上移开时,会触发响应。


{'_type': 'localeString', 'en': 'trigger mouse out'}


{'_type': 'localeString', 'en': 'trigger mouse out'}

按键触发器

按下

当按下实体键盘或 Android 设备上的按键时,会激活响应。

触发器属性

键盘

支持以下按键:字母、数字、方向键、ESC、TAB、空格键和退格键。

Android

可选择返回按钮以及音量按钮。

键盘

支持以下按键:字母、数字、方向键、ESC、TAB、空格键和退格键。

Android

可选择返回按钮以及音量按钮。

输入触发器

输入触发器必须与输入图层一起使用。

焦点

输入图层获得或失去焦点时,会激活响应。Focus In 事件表示输入图层中可见闪烁的占位光标,或者在使用智能设备时出现原生键盘。Focus Out 则恰好相反。

触发器属性

获得焦点

在获得焦点时会激活一个响应。

失去焦点

在失去焦点时会激活一个响应。

获得焦点

在获得焦点时会激活一个响应。

失去焦点

在失去焦点时会激活一个响应。

回车

当按下实体键盘上的回车键,或在使用智能设备时按下原生键盘上的回车键时,会激活响应。

传感器触发器

传感器触发器可访问智能设备中的特定原生传感器,并将响应映射到其属性上。

与传感器触发器关联的响应属性

平滑度

用于平滑映射到特定传感器数值的图层运动。提供三个平滑级别,从最低(1)到最高(3)

映射范围 - 设备的传感器 4

传感器数值的范围

映射范围 - 响应的图层 5

映射到传感器数值的图层属性范围

平滑度

用于平滑映射到特定传感器数值的图层运动。提供三个平滑级别,从最低(1)到最高(3)

映射范围 - 设备的传感器 4

传感器数值的范围

映射范围 - 响应的图层 5

映射到传感器数值的图层属性范围

倾斜

当智能设备达到特定倾斜角度时,会激活响应。


{'_type': 'localeString', 'en': 'trigger tilt'}


{'_type': 'localeString', 'en': 'trigger tilt'}

触发器属性


{'_type': 'localeString', 'en': 'trigger tilt'}


{'_type': 'localeString', 'en': 'trigger tilt'}

指南针

响应会根据智能设备所指向的方向被激活。
例如,要创建像这个一样逼真的指南针原型,可将 Compass 与 Rotate 响应结合使用。随后,指针的移动(Angle)由检测到的指南针角度(Degree,0 到 360 之间的值)以及设置的旋转方向(顺时针/逆时针)决定。


{'_type': 'localeString', 'en': 'trigger compass'}


{'_type': 'localeString', 'en': 'trigger compass'}

声音

响应会根据检测到的声音音量被激活。

了解如何在移动游戏原型设计大师课中使用此触发器。


{'_type': 'localeString', 'en': 'trigger sound'}


{'_type': 'localeString', 'en': 'trigger sound'}

3D Touch

响应会根据触控力度强度被激活。触控力度的取值范围是 0 到 6.7。

请注意,3D Touch 仅受较旧的 Apple 设备支持,例如 iPhone 6s、iPhone 6s Plus、iPhone 7、iPhone 7 Plus、iPhone 8、iPhone 8 Plus、iPhone X、iPhone XS 和 iPhone XS Max。


{'_type': 'localeString', 'en': 'trigger 3dtouch'}


{'_type': 'localeString', 'en': 'trigger 3dtouch'}

接近

它用于根据某物与智能设备接近传感器的远近来创建交互。


{'_type': 'localeString', 'en': 'trigger proximity'}


{'_type': 'localeString', 'en': 'trigger proximity'}

触发器属性

远到近

如果设备靠近物理对象,则会激活一个响应

近到远

如果设备远离物理对象,则会激活一个响应

远到近

如果设备靠近物理对象,则会激活一个响应

近到远

如果设备远离物理对象,则会激活一个响应

接收

Receive 触发器使设备间交互成为可能。它们必须与Send 响应配合使用。当带有 Receive 触发器的设备接收到来自另一台设备通过 Send 响应发送的消息时,会激活响应。一台设备收到的消息应与另一台设备发送的消息一致。

Send 和 Receive 消息可在同一场景中使用,以实现交互模块化或复用一组响应,避免重复工作。

频道 [组件]

在组件内部,你可以使用 Send response 发送消息,这可以被组件外部的 Receive trigger 接收。反过来也同样适用。更多信息请参阅 Components 。

频道 [ProtoPie Studio]

选择 ProtoPie Studio 作为频道,以允许设备之间的交互(对于 ProtoPie Connect 也是同样的工作方式)。

频道 [当前场景]

为了将交互模块化,或复用一组响应以避免重复工作,你可以在同一场景中使用 Receive trigger 和 Send response。

消息

消息是被传输的字符串。当一台设备上的 Receive trigger 中的消息与 Send response 中的消息匹配时,设备之间的交互就可以发生。

分配给变量

可以随消息一起发送一个值。接收时需要将该值分配给一个变量。

频道 [组件]

在组件内部,你可以使用 Send response 发送消息,这可以被组件外部的 Receive trigger 接收。反过来也同样适用。更多信息请参阅 Components 。

频道 [ProtoPie Studio]

选择 ProtoPie Studio 作为频道,以允许设备之间的交互(对于 ProtoPie Connect 也是同样的工作方式)。

频道 [当前场景]

为了将交互模块化,或复用一组响应以避免重复工作,你可以在同一场景中使用 Receive trigger 和 Send response。

消息

消息是被传输的字符串。当一台设备上的 Receive trigger 中的消息与 Send response 中的消息匹配时,设备之间的交互就可以发生。

分配给变量

可以随消息一起发送一个值。接收时需要将该值分配给一个变量。

语音命令

Voice Command 触发器可基于语音命令触发响应。你可以将 Voice Command 触发器设置为在说话过程中触发,或在说话结束后触发。还可以在命令中包含或排除特定短语。

要使用 Voice Command 触发器,你需要使用 Listen 响应来启用监听。

了解更多关于语音原型设计的信息。

触发点

说话后

当不再检测到语音时,即当你停止说话时。此触发点在 Listen 响应中启用 Continuous 时不起作用。

说话时

当检测到语音时,即当你开始说话时。

命令

短语 - 包含

仅当检测到的语音命令包含所列短语之一时,才会触发该操作。你可以输入各种单词、短语或句子,并使用换行符将它们分隔开。

短语 - 排除

仅当检测到的语音命令不包含所列任何短语时,才会触发该操作。你可以输入各种单词、短语或句子,并使用换行符将它们分隔开。

未检测到短语

这意味着传入语音不包含任何短语。这可能是由于背景噪声或其他无法被解释为人类语言的声音造成的。

触发点

说话后

当不再检测到语音时,即当你停止说话时。此触发点在 Listen 响应中启用 Continuous 时不起作用。

说话时

当检测到语音时,即当你开始说话时。

命令

短语 - 包含

仅当检测到的语音命令包含所列短语之一时,才会触发该操作。你可以输入各种单词、短语或句子,并使用换行符将它们分隔开。

短语 - 排除

仅当检测到的语音命令不包含所列任何短语时,才会触发该操作。你可以输入各种单词、短语或句子,并使用换行符将它们分隔开。

未检测到短语

这意味着传入语音不包含任何短语。这可能是由于背景噪声或其他无法被解释为人类语言的声音造成的。