MenuToggle Menu

Triggers

Touch Triggers

Smart device에서 보편적으로 사용되는 Touch 기반의 trigger입니다. Tap, Long press, Drag 등 가장 기본이 되는 트리거와 두 손가락을 사용하는 Pinch, Rotate 같은 멀티터치 제스쳐 기반의 트리거를 지원합니다.

Tap

레이어를 한번 탭했을 때 리스폰스를 실행시킵니다.

[object Object]
panel trigger tap

Trigger Property

Double Tap

레이어를 빠르게 두번 탭했을 때 리스폰스를 실행시킵니다.

[object Object]
panel trigger double tap

Trigger Property

Touch Down

레이어에 손가락이 닿는 순간 리스폰스를 실행시킵니다.

[object Object]
panel trigger touch down

Trigger Property

Touch Up

레이어에서 손가락이 떨어지는 순간 리스폰스를 실행시킵니다.

[object Object]
panel trigger touch up

Trigger Property

Long Press

레이어에 일정 시간동안 손가락이 닿아 있으면 리스폰스를 실행시킵니다.

[object Object]
panel trigger long press

Trigger Property

Number of Fingers

최대, 손가락 5개까지 동시에 터치가 가능합니다

Pressing Time

손가락 끝으로 터치스크린을 누르고 있는 시간을 설정합니다

panel long press

Fling

레이어를 스와이프 할 때 대상이 되는 레이어는 움직이지 않습니다.

[object Object]
panel trigger fling

Trigger Property

Direction

손가락이 움직이는 방향을 설정합니다

panel fling

Pull

풀은 성공과 실패의 개념이 있는 트리거입니다. 레이어를 일정 거리 이상 혹은 일정 속도 이상으로 드래그 했을 때 성공으로 인정됩니다. 성공하게 될 경우 현재 레이어의 좌표에서 사용자가 입력한 거리(distance)만큼 이동하게 되고, 실패할 경우 원래의 제자리로 되돌아오게 됩니다.

[object Object]
panel trigger pull

Trigger Property

Direction

손가락 끝이 움직이는 방향을 설정합니다

Distance

풀이 성공했을 때 레이어가 이동할 거리를 설정합니다

Follow Over Pulling

레이어의 이동거리(distance)를 초과해서 드래그 하는 경우의 움직임을 정의합니다

Easing

레이어가 움직이는 가속도를 정의합니다

panel pull

Drag

레이어를 드래그하여 움직이거나, 손가락의 이동 거리에 비례하게 사이즈와 각도를 조절할 수 있습니다.

[object Object]
panel trigger drag

Trigger Property

Direction

손가락 끝이 움직이는 방향을 설정합니다

Limit

레이어가 움직일 수 있는 한계점을 설정합니다

Ratio

레이어가 드래그 되는 거리와 손가락이 움직이는 거리의 비율을 설정합니다. 수치가 100일 때 1:1 비율로 움직이고 수치가 늘어날 수록 손가락의 움직임보다 레이어의 움직임이 커집니다

panel drag

The response properties linked to drag triggers

Pinch

두 손가락을 터치 스크린에 댄 상태로 오므렸다 펴는 동작으로 레이어의 사이즈를 조절할 수 있습니다.

[object Object]
panel trigger pinch

The response properties linked to pinch triggers

Direction

손가락이 움직이는 방향을 설정합니다

Pivot

레이어의 크기나 각도가 변화할 때의 기준점을 설정합니다

Limit

레이어가 움직일 수 있는 한계점을 설정합니다

panel drag scale

Rotate

두 손가락으로 레이어를 잡고 회전시킬 수 있습니다.

[object Object]
panel trigger rotate

The response properties linked to rotate triggers

Pivot

레이어의 크기나 각도가 변화할 때의 기준점을 설정합니다

panel rotate

Conditional Triggers

사용자가 정의한 조건을 만족 시켰을 때만 리스폰스를 실행 되도록 만들 수 있습니다.

Chain

움직이는 레이어가 있을 때, 이 레이어의 변화에 따라 다른 레이어를 변화시킵니다.

[object Object]
panel trigger chain

Trigger Property

Property

다른 Layer의 변경을 위한 참조로써의 Layer 속성 값

panel chain

Response Properties after Chain

Range

트리거는 오브젝트의 속성 또는 변수가 여러분이 정의한 범위(이름)로 이전될 때 발동합니다. 해당 트리거는 속성이 범위로 이전될 때 한 번만 발동합니다. 예를 들어 오브젝트의 x 속성이 200픽셀 이상이 되는 경우에만 Range 트리거가 발동하도록 정의할 수 있습니다. 해당 트리거는 오브젝트가 199에서 200으로 이전되는 경우 한 번만 발동하게 됩니다. x 속성이 200 이상으로 유지되는 경우 다시 발동하지 않으며, 속성이 200 미만으로 떨어질 때(예: 200에서 199로 변화)는 발동하지 않습니다. 그러나 해당 속성이 다시 한번 199에서 200이 되는 경우 트리거 또한 다시 한번 발동합니다.

[object Object]
panel trigger range

Trigger Property

1. Greater than or equal to(이상)

대상 레이어의 값이 상승하여 특정 값에 도달하는 경우

2. Less than or equal to(이하)

대상 레이어의 값이 특정 값 아래로 하락하는 경우

3. Between(범위)

대상 레이어의 값이 특정한 2개의 값 사이에 존재하는 경우

4. Not between(특정 범위 제외)

대상 레이어의 값이 특정한 2개의 값 사이의 범위에서 벗어나 있는 경우

panel range

Start

프로토타입이 실행되거나 씬이 전환 되었을 때 별도의 트리거 없이 자동으로 리스폰스가 실행됩니다.

[object Object]
panel trigger touch start

Trigger Property

Start After Jump

이전 scene의 Jump Response에 transition을 사용할 경우 transition이 완료된 후에 Start trigger가 실행됩니다.

Start With Jump

이전 scene의 Jump Response에 transition을 사용할 경우 transition의 시작과 동시에 Start trigger를 실행합니다.

Restart Every Time

Scene이 실행될 때 마다 Start trigger를 실행합니다.

panel start

Detect

Layer Property 혹은 변수가 변할 때 Response를 실행합니다.

[object Object]
panel trigger detect

Mouse Triggers

Desktop에서 사용되는 Mouse를 위한 Trigger입니다. Mouse Over, Mouse Out을 사용해서 오브젝트위에 마우스가 올라갔을 때 반응하는 interaction을 만들 수 있습니다.

Mouse Over

마우스 이벤트입니다. 마우스가 오브젝트와 겹쳐졌을 때 리스폰스를 실행 시킵니다.

[object Object]
panel trigger mouse over

Mouse Out

마우스 이벤트입니다. 마우스가 오브젝트를 벗어났을 때 리스폰스를 실행 시킵니다.

[object Object]
panel trigger mouse out

Key Trigger

Press

External Keyboard와 Android의 Key가 눌렸을 때 Response를 실행합니다.

Trigger Property

Keyboard

지원되는 키는 문자, 숫자, 방향 표시, ESC, 탭, 스페이스, 백스페이스 키입니다.

Android

Android의 Back key와 Volume Up, Down key를 선택할 수 있습니다.

panel press

Input Triggers

키보드(smart device의 native keyboard 포함)를 통해 직접 입력 할 수 있는 Input Layer에서 사용가능한 Trigger입니다. 입력 후에 키보드에서 return key를 탭하거나 Input Layer에 Focus in 혹은 out 되는 시점에 동작하는 인터랙션을 만들 수 있습니다.

Focus

Input Layer에 커서가 focus in/out 됐을 때 response를 실행합니다. Input의 상태값에 따라 디자인을 다르게 만들 때 사용할 수 있습니다.

Trigger Properties

Focus In

커서가 Focus In됐을 때 Response를 실행합니다.

Focus Out

커서가 Focus Out됐을 때 Response를 실행합니다.

panel focus

Return

External Keyboard 혹은 Mobile Keyboard에서 Return key를 눌렀을 때 response를 실행합니다.

Sensor Triggers

디바이스의 센서를 사용할 수 있습니다. 디바이스 주변의 소리의 크기, 디바이스의 기울기 값 등을 활용하여 리스폰스를 제어하는 인터랙션을 만들 수 있습니다.

The response properties linked to sensor triggers

Smoothness

센서의 값에 맵핑한 레이어의 움직임을 부드럽게 보정할 수 있습니다. 1은 아무런 보정을 하지 않은 기본 설정이고, 2 와 3 은 부드럽게 보정된 움직임을 표현해줍니다. 2 보다 3에 더 많은 보정이 가해집니다

Mapping Range - Device's Sensor 4

인터랙션을 실행시키고 싶은 센서의 범위 값을 입력합니다

Mapping Range - Response's Layer 5

센서의 값에 맞춰서 움직일 레이어의 범위 값을 입력합니

panel chain move

Tilt

디바이스를 기울이는 각도에 따라 리스폰스를 실행 시킬 수 있습니다.

[object Object]
panel trigger tilt

Trigger Property

[object Object]
panel tilt

Compass

디바이스의 나침반 기능을 이용해서 가리키는 방위에 따라 리스폰스를 실행 시킬 수 있습니다.

예를 들어 이러한 사실적인 나침반 프로토타입을 만들기 위해 나침반과 회전 리스폰스가 사용됩니다(Pie 예시 참조). 바늘의 움직임(각도)은 0~360 사이에 감지된 나침반의 값인 각도(도)와 설정된 회전 방향(시계 또는 반시계 방향)에 의해 결정됩니다.

[object Object]
panel trigger compass

Sound

디바이스 주변 소리의 크기에 따라서 리스폰스를 실행 시킬 수 있습니다.

[object Object]
panel trigger sound

3D Touch

아이폰의 터치 스크린을 누르는 강도(force)에 따라서 리스폰스를 실행 시킬 수 있습니다. 누르는 강도(force)의 값은 최저 0에서 최대 6.7까지 인식 가능합니다.

[object Object]
panel trigger 3d touch

Proximity

디바이스의 근접 센서를 사용할 수 있습니다. 근접 센서로 부터 멀어지거나, 가까워 질 때 리스폰스를 실행 시킵니다.

[object Object]
panel trigger proximity

Trigger Property

Far to Near

디바이스와 가까워질 때 리스폰스를 실행시킵니다

Near to Far

디바이스와 멀어질 때 리스폰스를 실행 시킵니다

panel proximity

Receive

디바이스간 인터랙션을 구현할 수 있습니다. 독립적으로는 사용이 불가능하고 센드 리스폰스와 함께 사용되는 트리거입니다. 센드 리스폰스에서 전송하는 문자열과 리시브 트리거에서 설정한 문자열이 일치 할 때 리스폰스를 실행시킵니다.

또한 리시브 트리거와 센드 리스폰스를 하나의 scene안에서 사용하면 여러번 사용되는 인터랙션을 모듈화시켜 반복작업을 줄일 수 있습니다

Trigger Property

Channel [Component]

Component와 message를 주고 받을 수 있습니다. Channel에서 component를 선택하면 현재 scene 안에 있는 component를 선택할 수 있고 선택한 component와 상호작용하게 만들 수 있습니다. Components 페이지에서 자세한 사용법을 확인 할 수 있습니다.

Channel [ProtoPie Studio]

ProtoPie Studio 에 연결된 디바이스간에 메시지를 주고 받을 수 있습니다. Send 리스폰스와 Receive 트리거를 사용해서 두개 이상의 디바이스가 서로 상호작용하는 인터랙션을 만들 수 있습니다.

Channel [Current Scene]

Scene 내에서 메시지를 주고 받을 수 있습니다. Send 리스폰스와 Receive 트리거를 사용하면 중복되는 인터랙션을 모듈화 시켜서 반복 작업을 줄일 수 있습니다.

Message

전송할 문자열을 정의합니다. 센드 리스폰스에서 정의한 문자열과 리시브 트리거에서 정의한 문자열이 동일할 때 디바이스간의 인터랙션을 실행 시킬 수 있습니다

Assign to Variable

Send response에서 message와 함께 특정 값을 함께 전달할 수 있습니다. 전달받은 값을 변수에 저장해서 사용하는게 가능합니다.

panel receive

Voice Command

Trigger Point

After Speaking

사용자의 말이 멈춘 뒤 동작합니다.

While Speaking

사용자가 말 하는 동안 즉, 음성이 인식되는 동안 동작합니다.

Command

Phrases - Include

사용자가 말한 내용이 Command에 정해 둔 단어를 포함하면 Response를 발생시킵니다. 여러 개의 단어, 구문 혹은 문장의 입력 시에는 줄바꿈으로 구분할 수 있습니다.

Phrases - Exclude

사용자가 말한 내용에 Command가 포함되지 않으면 Response를 발생시킵니다.

No Phrase Detected

주변 소음으로 음성이 인식되지 않거나, 사용자가 아무 말도 하지 않은 경우 경우 Response를 발생시킵니다.

Voice Command Trigger Point
Back To Top