Namespace: Effect

collie. Effect

새로운 이펙트 함수를 생성한다. 진도 프레임워크의 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);

See:

staticcollie.Effect.cubicEaseIn

Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeIn 함수 collie.Effect.cubicBezier(0.42, 0, 1, 1);

See:

staticcollie.Effect.cubicEaseInOut

Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeInOut 함수 collie.Effect.cubicBezier(0.42, 0, 0.58, 1);

See:

staticcollie.Effect.cubicEaseOut

Cubic-Bezier 커브를 이용해 CSS3 Transition Timing Function과 동일한 easeOut 함수 collie.Effect.cubicBezier(0, 0, 0.58, 1);

See:

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좌표

See:
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

comments powered by Disqus