TweenCore

Type : Constructor

Support : 1.0

Extend : $B.Class

  • TweenCore

Methods

  • TweenCore( duration, begin, finish, option, data )

    TweenCore 생성
    • duration : Number
      지속시간, 초
    • begin : Number
      출발값
    • finish : Number
      도착값
    • option : Object
      • ease : Function
        $B.utils.ease 설정 (기본값 "quadOut")
    • data : *
      핸들러에서 전달받을 e.data

  • delay( time, callback ) : TweenCorever 1.0~

    해당 초만큼 지연시킨후 다음 Method실행, 한명령줄에 하나의 delay만 사용한다.
    • time : Number
      초단위, 예) 0.5초
    • callback : Function
      delay가 끝나는 호출

  • start() : TweenCorever 1.0~

    TweenCore 리셋후 시작.

  • stop() : TweenCorever 1.0~

    TweenCore 정지.

  • reset() : TweenCorever 1.0~

    TweenCore 정지후 0.

  • seek( progress ) : TweenCorever 1.0~

    해당탐색 구간으로 Tween.
    • progress : Number
      0 ~ 1

  • seekTo( progress ) : TweenCorever 1.0~

    해당탐색 구간으로 즉시 이동.
    • progress : Number
      0 ~ 1

  • toggle() : TweenCorever 1.0~

    progress가 0이면 1, 1이면 0으로 Tween.

  • value( begin, finish, data ) : TweenCorever 1.0~

    value 재설정
    • begin : Number
      출발값
    • finish : Number
      도착값
    • data : *
      핸들러에서 전달받을 e.data

  • fps( frame ) : TweenCorever 1.0~

    FPS (초당 프레임) 설정.
    • frame : Int
      기본 fps PC : 60, Mobile : 30

Events

No. type description property ver
1 tween Tweener동작이 멈출때까지 계속 발생
  • currentValue: 현재값
  • progress: 진행률
  • percent: begin, finish 설정대비 비율
  • currentCount: 현재 호출된 횟수
  • totalCount: 전체 호출될 횟수
  • data: 설정했던 data
 1.0
2 complete Tweener가 완료시 발생 tween 와 동일 1.0
2 seekcomplete seek(), seekTo()로 Tween시킨후 완료시 발생 tween 와 동일 1.0

Example

var tweener = new $B.utils.TweenCore( 0.3, 10, 200 )
        .addListener( 'tween', function (e) {
            //
        })
        .addListener( 'complete', function (e) {
            //
        })
        .addListener( 'seekcomplete', function (e) {
            //
        }).start();

//TweenCore 정지
tweener.stop();