콘텐츠로 이동

트위닝

Quad에는 트윈을 도와주는 모듈이 내장되어 있습니다. 이 트윈 모듈은 단순한 Instance들을 넘어서 table 형식도 트윈을 수행할 수 있습니다. 이는 나중에 커스텀 오브젝트를 트윈할 때 유용합니다.

트윈은 일반적으로 다음과 같이 수행합니다.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
local ScreenGUI = script.Parent
local Quad = require(path.to.module).Init()
local Class = Quad.Class
local Mount = Quad.Mount
local Tween = Quad.Tween

local Frame = Class "Frame"
Frame "mainFrame" {
    Frame "Child" {
        Position = UDim2.fromOffset(0,0);
        Size = UDim2.fromOffset(20,20)
    };
}

Mount(ScreenGUI, Store.GetObejct("mainFrame"))

local Child = Store.GetObject()

트윈 옵션에서 사용할 수 있는 EasingFunction 은 다음과 같습니다

함수 개형
모든 Easing 은 여기에서 직접적으로 확인할 수 있습니다.

Linear

아무런 가감속이 없는 1차형 함수입니다


Quint

5 제곱을 이용한 가감속 함수입니다. Quart 보다 가파른 개형을 가졌습니다


Quart

네제곱을 이용한 가감속 함수입니다. Cubic 보다 가파른 개형을 가졌습니다


Cubic

세제곱을 이용한 가감속 함수입니다. Quad 보다 가파른 개형을 가졌습니다


Quad

제곱을 이용한 가감속 함수입니다.


Expo

지수형 가감속 함수입니다. 매우 가파른 개형을 가졌습니다.


Sin

사인 파형을 사용한 함수입니다.


Circle

원형 가감속 함수입니다.


Back

시작시 뒤로 이동이 있는 가감속 함수입니다.


Elastic

탄성을 가지는 가감속 함수입니다.


Bounce

튀김을 가지는 가감속 함수입니다.

TODO: 애니메이션 미리보기 영상 추가