새로운 이펙트 함수를 생성한다. 진도 프레임워크의 jindo.Effect를 사용 수치의 중간값을 쉽게 얻을 수 있게 하는 static 컴포넌트
Members
-
staticcollie.Effect.bounce
-
bounce 이펙트 함수 easeOutBounce 함수와 동일하다.
- See:
-
- easeOutBounce
-
staticcollie.Effect.cubicEase
-
Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 ease 함수 collie.Effect.cubicBezier(0.25, 0.1, 0.25, 1);
-
staticcollie.Effect.cubicEaseIn
-
Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeIn 함수 collie.Effect.cubicBezier(0.42, 0, 1, 1);
-
staticcollie.Effect.cubicEaseInOut
-
Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeInOut 함수 collie.Effect.cubicBezier(0.42, 0, 0.58, 1);
-
staticcollie.Effect.cubicEaseOut
-
Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeOut 함수 collie.Effect.cubicBezier(0, 0, 0.58, 1);
-
staticcollie.Effect.cubicEaseOutIn
-
Cubic-Bezier 커브를 이용해 easeOutIn 함수를 구한다. collie.Effect.cubicBezier(0, 0.42, 1, 0.58);
-
staticcollie.Effect.easeIn
-
easeIn 이펙트 함수 easeInCubic 함수와 동일하다.
- See:
-
- easeInCubic
-
staticcollie.Effect.easeInBack
-
easeInBack 이펙트 함수
-
staticcollie.Effect.easeInBounce
-
easeInBounce 이펙트 함수
-
staticcollie.Effect.easeInCircle
-
easeInCircle 이펙트 함수
-
staticcollie.Effect.easeInCubic
-
easeInCubic 이펙트 함수
-
staticcollie.Effect.easeInElastic
-
easeInElastic 이펙트 함수
-
staticcollie.Effect.easeInExpo
-
easeInExpo 이펙트 함수
-
staticcollie.Effect.easeInOut
-
easeInOut 이펙트 함수 easeInOutCubic 함수와 동일하다.
- See:
-
- easeInOutCubic
-
staticcollie.Effect.easeInOutBack
-
easeInOutBack 이펙트 함수
-
staticcollie.Effect.easeInOutBounce
-
easeInOutBounce 이펙트 함수
-
staticcollie.Effect.easeInOutCircle
-
easeInOutCircle 이펙트 함수
-
staticcollie.Effect.easeInOutCubic
-
easeInOutCubic 이펙트 함수
-
staticcollie.Effect.easeInOutElastic
-
easeInOutElastic 이펙트 함수
-
staticcollie.Effect.easeInOutExpo
-
easeInOutExpo 이펙트 함수
-
staticcollie.Effect.easeInOutQuad
-
easeInOutQuad 이펙트 함수
-
staticcollie.Effect.easeInOutQuart
-
easeInOutQuart 이펙트 함수
-
staticcollie.Effect.easeInOutQuint
-
easeInOutQuint 이펙트 함수
-
staticcollie.Effect.easeInOutSine
-
easeInOutSine 이펙트 함수
-
staticcollie.Effect.easeInQuad
-
easeInQuad 이펙트 함수
-
staticcollie.Effect.easeInQuart
-
easeInQuart 이펙트 함수
-
staticcollie.Effect.easeInQuint
-
easeInQuint 이펙트 함수
-
staticcollie.Effect.easeInSine
-
easeInSine 이펙트 함수
-
staticcollie.Effect.easeOut
-
easeOut 이펙트 함수 easeOutCubic 함수와 동일하다.
- See:
-
- easeOutCubic
-
staticcollie.Effect.easeOutBack
-
easeOutBack 이펙트 함수
-
staticcollie.Effect.easeOutBounce
-
easeOutBounce 이펙트 함수
-
staticcollie.Effect.easeOutCircle
-
easeOutCircle 이펙트 함수
-
staticcollie.Effect.easeOutCubic
-
easeOutCubic 이펙트 함수
-
staticcollie.Effect.easeOutElastic
-
easeOutElastic 이펙트 함수
-
staticcollie.Effect.easeOutExpo
-
easeOutExpo 이펙트 함수
-
staticcollie.Effect.easeOutIn
-
easeOutIn 이펙트 함수 easeOutInCubic 함수와 동일하다.
- See:
-
- easeOutInCubic
-
staticcollie.Effect.easeOutInCircle
-
easeOutInCircle 이펙트 함수
-
staticcollie.Effect.easeOutInCubic
-
easeOutInCubic 이펙트 함수
-
staticcollie.Effect.easeOutInExpo
-
easeOutExpo 이펙트 함수
-
staticcollie.Effect.easeOutInQuad
-
easeOutInQuad 이펙트 함수
-
staticcollie.Effect.easeOutInQuart
-
easeOutInQuart 이펙트 함수
-
staticcollie.Effect.easeOutInQuint
-
easeOutInQuint 이펙트 함수
-
staticcollie.Effect.easeOutInSine
-
easeOutInSine 이펙트 함수
-
staticcollie.Effect.easeOutQuad
-
easeOutQuad 이펙트 함수
-
staticcollie.Effect.easeOutQuart
-
easeOutQuart 이펙트 함수
-
staticcollie.Effect.easeOutQuint
-
easeOutQuint 이펙트 함수
-
staticcollie.Effect.easeOutSine
-
easeOutSine 이펙트 함수
-
staticcollie.Effect.elastic
-
elastic 이펙트 함수 easeInElastic 함수와 동일하다.
- See:
-
- easeInElastic
-
staticcollie.Effect.linear
-
linear 이펙트 함수
-
staticcollie.Effect.mirror
-
mirror 이펙트 함수 sinusoidal 이펙트 함수를 사용한다.
-
staticcollie.Effect.overphase
-
overphase 이펙트 함수
-
staticcollie.Effect.sinusoidal
-
sin 곡선의 일부를 이용한 sinusoidal 이펙트 함수
Methods
-
staticcollie.Effect.cubicBezier(x1, y1, x2, y2){Function}
-
Cubic-Bezier 함수를 생성한다.
Name Type Description x1
Number control point 1의 x좌표
y1
Number control point 1의 y좌표
x2
Number control point 2의 x좌표
y2
Number control point 2의 y좌표
Returns:
이펙트 함수
-
staticcollie.Effect.pulse(nPulse){Function}
-
nPulse의 진동수를 가지는 cos 함수를 구한다.
Name Type Description nPulse
Number 진동수
Returns:
이펙트 함수
Example
var f = collie.Effect.pulse(3); //진동수 3을 가지는 함수를 리턴 //시작 수치값과 종료 수치값을 설정해 collie.Effect 함수를 생성 var fEffect = f(0, 100); fEffect(0); => 0 fEffect(1); => 100
-
staticcollie.Effect.wave(nPeriod, nHeight){Function}
-
nPeriod의 주기와 nHeight의 진폭을 가지는 sin 함수를 구한다.
Name Type Description nPeriod
Number 주기
nHeight
Number 진폭
Returns:
이펙트 함수
Example
var f = collie.Effect.wave(3, 1); //주기 3, 높이 1을 가지는 함수를 리턴 //시작 수치값과 종료 수치값을 설정해 collie.Effect 함수를 생성 var fEffect = f(0, 100); fEffect(0); => 0 fEffect(1); => 0