Namespace: Effect

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:

• http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag

staticcollie.Effect.cubicEaseIn

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

See:

• http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag

staticcollie.Effect.cubicEaseInOut

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

See:

• http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag

staticcollie.Effect.cubicEaseOut

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

See:

• http://www.w3.org/TR/css3-transitions/#transition-timing-function_tag

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}

lib/collie.Effect.js, line 473

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:

• http://en.wikipedia.org/wiki/B%C3%A9zier_curve

Returns:

이펙트 함수

staticcollie.Effect.pulse(nPulse){Function}

lib/collie.Effect.js, line 545

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}

lib/collie.Effect.js, line 563

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