Touch Trigger

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

Tap

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

Trigger Property

Number of Fingers

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

Double Tap

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

Trigger Property

Number of Fingers

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

Touch Down

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

Trigger Property

Number of Fingers

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

Touch Up

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

Trigger Property

Number of Fingers

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

Long Press

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

Trigger Property

Number of Fingers

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

Pressing Time

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

Fling

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

Trigger Property

Direction

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

Pull

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

Trigger Property

Direction

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

Distance

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

Follow Over Pulling

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

Easing

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

Drag

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

Trigger Property

Number of Fingers

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

The response properties linked to drag triggers

Direction

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

Limit

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

Ratio

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

Pinch

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

The response properties linked to pinch triggers

Direction

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

Pivot

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

Limit

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

Rotate

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

The response properties linked to rotate triggers

Pivot

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

Conditional Trigger

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

Chain

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

Trigger Property

Property

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

Response Properties after Chain

Trigger’s Layer Mapping Range 1

체인의 타겟 레이어의 동작 범위를 입력합니다

Response’s Layer Mapping Range 2

체인의 타겟 레이어의 동작에 맞춰서 움직일 레이어의 범위 값을 입력합니다

Range

레이어의 프로퍼티가 변할 때 사용자가 정의한 조건을 만족 시킨 경우에만 리스폰스를 즉시 실행시킵니다. 사용자는 레이어의 좌표나 사이즈 같은 프로퍼티를 직접 정의한 값을 기준으로, 크거나 작거나 혹은 포함하거나 포함하지 않는 상황에 대한 조건을 정의 할 수 있습니다.

Trigger Property

Greater than or equal to 1

타겟 레이어의 프로퍼티가 특정 값 이상일 때 실행됩니다

Less than or equal to 2

타겟 레이어의 프로퍼티가 특정 값 이하일 때 실행됩니다

Between 3

타겟 레이어의 프로퍼티가 특정 범위의 값 사이에 들어왔을 때 실행됩니다

Not between 4

타겟 레이어의 프로퍼티가 특정 범위의 값에 들어오지 않을 때 실행됩니다

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를 실행합니다.

Detect

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

Mouse Trigger

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

Mouse Over

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

Mouse Out

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

Key Trigger

Press

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

Trigger Property

Keyboard

0~1, A~Z, Space, Tab 등의 Key를 선택 할 수 있습니다.

Android

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

Input Trigger

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

Focus

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

Trigger Property

Focus In

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

Focus Out

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

Return

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

Sensor Trigger

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

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

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

Tilt

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

Trigger Property

Axis

디바이스의 회전이 발생하는 중심축을 선택합니다

Compass

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

Sound

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

3D Touch

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

Proximity

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

Trigger Property

Far to Near

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

Near to Far

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

Receive

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

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

Trigger Property

Channel [Component]

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

Channel [ProtoPie Studio]

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

Channel [Android Broadcast]

하나의 Android 디바이스 내에서 다른 앱과의 인터랙션이 가능합니다. 자세한 내용은 여기서 확인할 수 있습니다.

Channel [Current Scene]

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

Message

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

Assign to Variable

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