tween24
Version:
Tween24.js is animation library that enables fast coding using method chains.
1,596 lines (1,595 loc) • 66.9 kB
TypeScript
import { Ticker24 } from "./core/Ticker24";
import { Ease24 } from "./Ease24";
export declare class Tween24 {
static readonly VERSION: string;
private static readonly _TYPE_TWEEN;
private static readonly _TYPE_TWEEN_VELOCITY;
private static readonly _TYPE_TWEEN_TEXT;
private static readonly _TYPE_TWEEN_TEXT_VELOCITY;
private static readonly _TYPE_PROP;
private static readonly _TYPE_PROP_TEXT;
private static readonly _TYPE_WAIT;
private static readonly _TYPE_WAIT_EVENT;
private static readonly _TYPE_WAIT_EVENT_AND_FUNC;
private static readonly _TYPE_SERIAL;
private static readonly _TYPE_PARALLEL;
private static readonly _TYPE_LAG;
private static readonly _TYPE_LOOP;
private static readonly _TYPE_FUNC;
private static readonly _TYPE_IF_CASE;
private static readonly _TYPE_IF_CASE_BY_FUNC;
private static readonly _STATUS_PLAYING;
private static readonly _STATUS_PAUSING;
private static readonly _STATUS_SKIPING;
private static readonly _STATUS_STOPING;
private static readonly _STATUS_WAITING;
static ticker: Ticker24;
static ease: Ease24;
private static _playingTweens;
private static _manualPlayingTweens;
private static _playingTweensByTarget;
private static _tweensById;
private static _tweensByGroupId;
private static _defaultEasing;
private static _debugMode;
private static _numCreateTween;
private static _globalTimeScale;
private static _isSkipHello;
private _playingTweensItem;
private _playingTweensByTargetItem;
private _playingTweensByTargetList;
private _playingTweensByMultiTargetItem;
private _singleTarget;
private _multiTarget;
private _easing;
private _type;
private _time;
private _velocity;
private _delayTime;
private _startTime;
private _progress;
private _timeScale;
private _delayTimeScale;
private _totalTimeScale;
private _totalDelayTimeScale;
private _debugMode;
private _numLayers;
private _serialNumber;
private _tweenId;
private _tweenGroupId;
private _targetString;
private _targetQuery;
private _useWillChange;
private _objectUpdater;
private _objectMultiUpdater;
private _transformUpdater;
private _transformMultiUpdater;
private _styleUpdater;
private _styleMultiUpdater;
private _allUpdaters;
private _root;
private _parent;
private _next;
__next: Tween24 | null;
__prev: Tween24 | null;
private _isDOM;
private _isRoot;
private _isManual;
private _isTrigger;
private _inited;
private _status;
private _firstUpdated;
private _isContainerTween;
private _createdBasicUpdater;
private _functionExecuters;
private _firstTween;
private _childTween;
private _playingChildTween;
private _originalChildTween;
private _numCompleteChildren;
private _lagTime;
private _totalLagTime;
private _lagSort;
private _lagEasing;
private _numIterations;
private _currentIterations;
private _ifFunc;
private _trueTween;
private _falseTween;
private _dispatchEventTarget;
private _dispatchEventType;
private _useJump;
private _triggered;
private _jumped;
private _jumpProg;
__fps: number;
__beforeTime: number;
constructor();
/**
* トゥイーンを再生します。
* @memberof Tween24
*/
play: () => void;
/**
* トゥイーンを手動アップデート式で再生します。
* 関数 manualUpdate() を実行すると更新されます。
* @memberof Tween24
*/
manualPlay: () => void;
private _commonRootPlay;
private _play;
private _resume;
private _updateTimeScale;
private _updateStartTime;
/**
* トゥイーンを一時停止します。
* @memberof Tween24
*/
pause: () => void;
/**
* トゥイーンを終点までスキップします。
* @memberof Tween24
*/
skip: () => void;
private _skip;
/**
* トゥイーンを停止します。
* @memberof Tween24
*/
stop: () => void;
private _stop;
private _init;
private _initParam;
private _overwrite;
private _setIfCaseTween;
private _setStartTime;
manualUpdate: () => void;
__update: (nowTime: number) => void;
private _complete;
private _tweenStop;
private _removePlayingTweenLinkedList;
private _completeChildTween;
private _playNextTween;
/**
* 目標とするX座標を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* また、パーセント値で指定された場合は、囲みボックスの寸法に対する相対値が設定されます。
* @param {number|string} value X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
x(value: number | string): Tween24;
/**
* 目標とするX座標を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
x$(value: number): Tween24;
/**
* 目標とするX座標を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
x$$(value: number): Tween24;
/**
* 目標とするY座標を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* また、パーセント値で指定された場合は、囲みボックスの寸法に対する相対値が設定されます。
* @param {number|string} value Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
y(value: number | string): Tween24;
/**
* 目標とするX座標を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
y$(value: number): Tween24;
/**
* 目標とするX座標を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
y$$(value: number): Tween24;
/**
* 目標とするXとY座標を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* また、パーセント値で指定された場合は、囲みボックスの寸法に対する相対値が設定されます。
* @param {number|string} x X座標
* @param {number|string} y Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
xy(x: number | string, y: number | string): Tween24;
/**
* 目標とするXとY座標を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} x X座標
* @param {number} y Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
xy$(x: number, y: number): Tween24;
/**
* 目標とするXとY座標を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} x X座標
* @param {number} y Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
xy$$(x: number, y: number): Tween24;
/**
* 座標のトゥイーンにベジェ曲線を適応し、アンカーポイントを追加します。
* @param {number} bezierX X座標のアンカーポイント
* @param {number} bezierY Y座標のアンカーポイント
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
bezier(bezierX: number, bezierY: number): Tween24;
/**
* 目標とする透明度を設定します。
* 対象が HTMLElement の場合は、CSS:opacity が適用されます。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
alpha(value: number): Tween24;
/**
* 目標とする透明度を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:opacity が適用されます。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
alpha$(value: number): Tween24;
/**
* 目標とする透明度を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:opacity が適用されます。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
alpha$$(value: number): Tween24;
/**
* 目標とする透明度を設定します。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
opacity(value: number): Tween24;
/**
* 目標とする透明度を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
opacity$(value: number): Tween24;
/**
* 目標とする透明度を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number} value 透明度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
opacity$$(value: number): Tween24;
/**
* 目標とする水平スケールを設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleX(value: number): Tween24;
/**
* 目標とする水平スケール、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleX$(value: number): Tween24;
/**
* 目標とする水平スケール、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleX$$(value: number): Tween24;
/**
* 目標とする垂直スケールを設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleY(value: number): Tween24;
/**
* 目標とする垂直スケールを、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleY$(value: number): Tween24;
/**
* 目標とする垂直スケールを、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleY$$(value: number): Tween24;
/**
* 目標とするスケールを設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scale(value: number): Tween24;
/**
* 目標とするスケールを、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scale$(value: number): Tween24;
/**
* 目標とするスケールを、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scale$$(value: number): Tween24;
/**
* 目標とする水平・垂直スケールを設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} scaleX 水平方向のスケール
* @param {number} scaleY 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleXY(scaleX: number, scaleY: number): Tween24;
/**
* 目標とする水平・垂直スケールを、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} scaleX 水平方向のスケール
* @param {number} scaleY 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleXY$(scaleX: number, scaleY: number): Tween24;
/**
* 目標とする水平・垂直スケールを、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} scaleX 水平方向のスケール
* @param {number} scaleY 垂直方向のスケール
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
scaleXY$$(scaleX: number, scaleY: number): Tween24;
/**
* 目標とする水平傾斜を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewX(value: number): Tween24;
/**
* 目標とする水平傾斜を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewX$(value: number): Tween24;
/**
* 目標とする水平傾斜を設定、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewX$$(value: number): Tween24;
/**
* 目標とする垂直傾斜を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewY(value: number): Tween24;
/**
* 目標とする垂直傾斜を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewY$(value: number): Tween24;
/**
* 目標とする垂直傾斜を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewY$$(value: number): Tween24;
/**
* 目標とする水平&垂直傾斜を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skew(value: number): Tween24;
/**
* 目標とする水平&垂直傾斜を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skew$(value: number): Tween24;
/**
* 目標とする水平&垂直傾斜を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 水平&垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skew$$(value: number): Tween24;
/**
* 目標とする水平・垂直傾斜を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} skewX 水平方向の傾斜
* @param {number} skewY 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewXY(skewX: number, skewY: number): Tween24;
/**
* 目標とする水平・垂直傾斜を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} skewX 水平方向の傾斜
* @param {number} skewY 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewXY$(skewX: number, skewY: number): Tween24;
/**
* 目標とする水平・垂直傾斜を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} skewX 水平方向の傾斜
* @param {number} skewY 垂直方向の傾斜
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
skewXY$$(skewX: number, skewY: number): Tween24;
/**
* 目標とする回転角度を設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 回転角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
rotation(value: number): Tween24;
/**
* 目標とする回転角度を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 回転角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
rotation$(value: number): Tween24;
/**
* 目標とする回転角度を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:Transform が適用されます。
* @param {number} value 回転角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
rotation$$(value: number): Tween24;
/**
* CSS:Transform の基準点を設定します。
* @param {number} x X方向の基準点
* @param {number} y Y方向の基準点
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
transformOrigin(x: number | string, y: number | string): Tween24;
/**
* 目標とする角度を設定します。
* @param {number} value 角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
angle(value: number): Tween24;
/**
* 目標とする角度を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number} value 角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
angle$(value: number): Tween24;
/**
* 目標とする角度を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number} value 角度
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
angle$$(value: number): Tween24;
/**
* 目標とする幅を設定します。
* 対象が HTMLElement の場合は、CSS:width が適用されます。
* @param {number|string} value 要素の幅
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
width(value: number | string): Tween24;
/**
* 目標とする幅を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:width が適用されます。
* @param {number|string} value 要素の幅
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
width$(value: number | string): Tween24;
/**
* 目標とする幅を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:width が適用されます。
* @param {number|string} value 要素の幅
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
width$$(value: number | string): Tween24;
/**
* 目標とする高さを設定します。
* 対象が HTMLElement の場合は、CSS:height が適用されます。
* @param {number|string} value 要素の高さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
height(value: number | string): Tween24;
/**
* 目標とする高さを、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:height が適用されます。
* @param {number|string} value 要素の高さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
height$(value: number | string): Tween24;
/**
* 目標とする高さを、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合は、CSS:height が適用されます。
* @param {number|string} value 要素の高さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
height$$(value: number | string): Tween24;
/**
* CSS:top を設定します。
* @param {number|string} 上からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
top(value: number | string): Tween24;
/**
* CSS:top を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} 上からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
top$(value: number | string): Tween24;
/**
* CSS:top を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} 上からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
top$$(value: number | string): Tween24;
/**
* CSS:right を設定します。
* @param {number|string} 右からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
right(value: number | string): Tween24;
/**
* CSS:right を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} 右からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
right$(value: number | string): Tween24;
/**
* CSS:right を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} 右からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
right$$(value: number | string): Tween24;
/**
* CSS:bottom を設定します。
* @param {number|string} value 下からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
bottom(value: number | string): Tween24;
/**
* CSS:bottom を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} value 下からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
bottom$(value: number | string): Tween24;
/**
* CSS:bottom を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} value 下からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
bottom$$(value: number | string): Tween24;
/**
* CSS:left を設定します。
* @param {number|string} value 左からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
left(value: number | string): Tween24;
/**
* CSS:left を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} value 左からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
left$(value: number | string): Tween24;
/**
* CSS:left を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} value 左からの配置位置(距離)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
left$$(value: number | string): Tween24;
/**
* CSS:color を設定します。
* @param {string} colorCode 「#」「rgb()」フォーマットのカラーコード
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
color(colorCode: string): Tween24;
/**
* CSS:background-color(背景色)を設定します。
* @param {string} colorCode 「#」「rgb()」フォーマットのカラーコード
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundColor(colorCode: string): Tween24;
/**
* CSS:background-position-x(背景X座標)を設定します。
* @param {string} x 背景X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionX(x: number | string): Tween24;
/**
* CSS:background-position-x(背景X座標)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {string} x 背景X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionX$(x: number | string): Tween24;
/**
* CSS:background-position-x(背景X座標)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {string} x 背景X座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionX$$(x: number | string): Tween24;
/**
* CSS:background-position-y(背景Y座標)を設定します。
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionY(y: number | string): Tween24;
/**
* CSS:background-position-y(背景Y座標)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionY$(y: number | string): Tween24;
/**
* CSS:background-position-y(背景Y座標)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPositionY$$(y: number | string): Tween24;
/**
* CSS:background-position(背景座標)を設定します。
* @param {string} x 背景X座標
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPosition(x: number | string, y: number | string): Tween24;
/**
* CSS:background-position(背景座標)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {string} x 背景X座標
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPosition$(x: number | string, y: number | string): Tween24;
/**
* CSS:background-position(背景座標)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {string} x 背景X座標
* @param {string} y 背景Y座標
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
backgroundPosition$$(x: number | string, y: number | string): Tween24;
/**
* CSS:border-width(枠の太さ)を設定します。
* @param {number|string} value 枠の太さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderWidth(value: number | string): Tween24;
/**
* CSS:border-width(枠の太さ)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} value 枠の太さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderWidth$(value: number | string): Tween24;
/**
* CSS:border-width(枠の太さ)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} value 枠の太さ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderWidth$$(value: number | string): Tween24;
/**
* CSS:border-color(枠の色)を設定します。
* @param {number} colorCode 「#」「rgb()」フォーマットのカラーコード
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderColor(colorCode: string): Tween24;
/**
* CSS:border-radius(角丸)を設定します。
* @param {number|string} value 角丸の値
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderRadius(value: number | string): Tween24;
/**
* CSS:border-radius(角丸)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} value 角丸の値
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderRadius$(value: number | string): Tween24;
/**
* CSS:border-radius(角丸)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} value 角丸の値
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
borderRadius$$(value: number | string): Tween24;
/**
* CSS:letter-spacing(字間)を設定します。
* @param {number|string} value 字間
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
letterSpacing(value: number | string): Tween24;
/**
* CSS:letter-spacing(字間)を、トゥイーンを作成した時の値の相対値で設定します。
* @param {number|string} value 字間
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
letterSpacing$(value: number | string): Tween24;
/**
* CSS:letter-spacing(字間)を、トゥイーンが実行される直前の値の相対値で設定します。
* @param {number|string} value 字間
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
letterSpacing$$(value: number | string): Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の上辺のクリッピング幅を設定します。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipTop: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の右辺のクリッピング幅を設定します。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipRight: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の下辺のクリッピング幅を設定します。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipBottom: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の左辺のクリッピング幅を設定します。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipLeft: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の上下2辺のクリッピング幅をまとめて設定します。
* 「100%」を指定すると、上下50%ずつクリッピングされます。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipVertical: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の左右2辺のクリッピング幅をまとめて設定します。
* 「100%」を指定すると、左右50%ずつクリッピングされます。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clipHorizontal: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形の4辺のクリッピング幅をまとめて設定します。
* 「100%」を指定すると、上下左右50%ずつクリッピングされます。
* @param {string} value クリッピング幅
* @memberof Tween24
*/
clip: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形クリッピングの左上コーナーの角丸を設定します。
* @param {string} value 角丸の値
* @memberof Tween24
*/
clipRound1: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形クリッピングの右上コーナーの角丸を設定します。
* @param {string} value 角丸の値
* @memberof Tween24
*/
clipRound2: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形クリッピングの右下コーナーの角丸を設定します。
* @param {string} value 角丸の値
* @memberof Tween24
*/
clipRound3: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形クリッピングの左下コーナーの角丸を設定します。
* @param {string} value 角丸の値
* @memberof Tween24
*/
clipRound4: (value: string) => Tween24;
/**
* CSS:clip-path(inset)で、ボックス形クリッピングのすべてのコーナーの角丸をまとめて設定します。
* @param {string} value 角丸の値
* @memberof Tween24
*/
clipRound: (value: string) => Tween24;
/**
* CSS:clip-path(circle)で、円形クリッピングのサイズを設定します。
* @param {string} value クリップのサイズ
* @memberof Tween24
*/
clipCircle: (value: string) => Tween24;
/**
* CSS:clip-path(circle)で、円形クリッピングのX座標を設定します。
* @param {string} value X座標
* @memberof Tween24
*/
clipCircleX: (value: string) => Tween24;
/**
* CSS:clip-path(circle)で、円形クリッピングのY座標を設定します。
* @param {string} value Y座標
* @memberof Tween24
*/
clipCircleY: (value: string) => Tween24;
/**
* CSS:clip-path(circle)で、円形クリッピングのX、Y座標を設定します。
* @param {string} x X座標
* @param {string} y Y座標
* @memberof Tween24
*/
clipCircleXY: (x: string, y: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングのサイズを設定します。
* @param {string} width クリップの横幅
* @param {string} height クリップの縦幅
* @memberof Tween24
*/
clipEllipse: (width: string, height: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングの横幅を設定します。
* @param {string} value クリップの横幅
* @memberof Tween24
*/
clipEllipseWidth: (value: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングの縦幅を設定します。
* @param {string} value クリップの横幅
* @memberof Tween24
*/
clipEllipseHeight: (value: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングのX座標を設定します。
* @param {string} value X座標
* @memberof Tween24
*/
clipEllipseX: (value: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングのY座標を設定します。
* @param {string} value Y座標
* @memberof Tween24
*/
clipEllipseY: (value: string) => Tween24;
/**
* CSS:clip-path(ellipse)で、楕円形クリッピングのX、Y座標を設定します。
* @param {string} x Y座標
* @param {string} y Y座標
* @memberof Tween24
*/
clipEllipseXY: (x: string, y: string) => Tween24;
/**
* CSS:filter(blur)で、ぼかしを設定します。
* @param {number} value ぼかしのガウス値(px)
* @memberof Tween24
*/
blur: (value: number) => Tween24;
/**
* CSS:filter(brightness)で、明るさを設定します。
* @param {number} value 明るさ(0[暗い] 〜 1[標準] 〜 1以上[明るい])
* @memberof Tween24
*/
brightness: (value: number) => Tween24;
/**
* CSS:filter(contrast)で、コントラストを設定します。
* @param {number} value コントラスト値(0[低い] 〜 1[標準] 〜 1以上[高い])
* @memberof Tween24
*/
contrast: (value: number) => Tween24;
/**
* CSS:filter(grayscale)で、グレースケールを設定します。
* @param {number} value グレースケール値(0[標準] 〜 1[グレー])
* @memberof Tween24
*/
grayscale: (value: number) => Tween24;
/**
* CSS:filter(hue-rotate)で、色相を設定します。
* @param {number} value 色相の回転度(0 〜 360)
* @memberof Tween24
*/
hue: (value: number) => Tween24;
/**
* CSS:filter(invert)で、色反転を設定します。
* @param {number} value 色の反転具合(0[標準] 〜 1[反転])
* @memberof Tween24
*/
invert: (value: number) => Tween24;
/**
* CSS:filter(opacity)で、透明度を設定します。
* @param {number} value 透明度(0[透明] 〜 1[標準])
* @memberof Tween24
*/
opacityFilter: (value: number) => Tween24;
/**
* CSS:filter(saturate)で、彩度を設定します。
* @param {number} value 彩度(0[低い] 〜 1[標準] 〜 1以上[高い])
* @memberof Tween24
*/
saturate: (value: number) => Tween24;
/**
* CSS:filter(sepia)で、セピア調の度合を設定します。
* @param {number} value セピア調の度合(0[標準] 〜 1[セピア])
* @memberof Tween24
*/
sepia: (value: number) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウのX軸のオフセットを設定します。
* @param {number} value X軸のオフセット値(px)
* @memberof Tween24
*/
shadowX: (value: number) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウのY軸のオフセットを設定します。
* @param {number} value Y軸のオフセット値(px)
* @memberof Tween24
*/
shadowY: (value: number) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウのX、Y軸のオフセットを設定します。
* @param {number} value Y軸のオフセット値(px)
* @memberof Tween24
*/
shadowXY: (x: number, y: number) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウのぼかしを設定します。
* @param {number} value ぼかしのガウス値(px)
* @memberof Tween24
*/
shadowBlur: (value: number) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウの色を設定します。
* @param {string} value 「#」「rgb()」フォーマットのカラーコード
* @memberof Tween24
*/
shadowColor: (value: string) => Tween24;
/**
* CSS:filter(drop-shadow)で、ドロップシャドウを設定します。
* @param {number} offsetX X軸のオフセット値(px)
* @param {number} offsetY Y軸のオフセット値(px)
* @param {number} blur ぼかしのガウス値(px)
* @param {string} color 「#」「rgb()」フォーマットのカラーコード
* @memberof Tween24
*/
shadow: (offsetX: number, offsetY: number, blur: number, color: string) => Tween24;
/**
* トゥイーンの遅延時間を設定します。
* @param {number} value 遅延時間(秒数)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
delay(value: number): Tween24;
/**
* トゥイーンの時間(delayの遅延時間を含む)の尺度を設定します。
* @param {number} value 時間の尺度(割合)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
timeScale(value: number): Tween24;
/**
* トゥイーンの遅延時間の尺度を設定します。
* @param {number} value 遅延時間の尺度(割合)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
delayScale(value: number): Tween24;
/**
* 目標とするスタイルシートの値を設定します。
* 対象が HTMLElement の場合にのみ適用されます。
* @param {string} name プロパティ名
* @param {(number|string)} value 目標の値(数値指定の場合は、基本的にpx単位で計算されます)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
style(name: string, value: number | string): Tween24;
/**
* 目標とするスタイルシートの値を、トゥイーンを作成した時の値の相対値で設定します。
* 対象が HTMLElement の場合にのみ適用されます。
* @param {string} name プロパティ名
* @param {(number|string)} value 目標の値(数値指定の場合は、基本的にpx単位で計算されます)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
style$(name: string, value: number | string): Tween24;
/**
* 目標とするスタイルシートの値を、トゥイーンが実行される直前の値の相対値で設定します。
* 対象が HTMLElement の場合にのみ適用されます。
* @param {string} name プロパティ名
* @param {(number|string)} value 目標の値(数値指定の場合は、基本的にpx単位で計算されます)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
style$$(name: string, value: number | string): Tween24;
/**
* トゥイーン実行時に willChange を有効にするか設定します。
* 有効にすると強力な最適化をブラウザーが行い、アニメーションが滑らかになります。
* 対象が HTMLElement の場合にのみ適用されます。
* @param {boolean} [use=true] willChange を有効にするか
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
willChange(use?: boolean): Tween24;
/**
* ポインターイベントの有効・無効を設定します。
* true の場合は"auto", false の場合は "none" が設定されます。
* @param {boolean} enable ポインターイベントを有効にするか
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
pointerEvents(enable: boolean): Tween24;
/**
* 子トゥイーンの完了トリガーに設定します。
* 設定したトゥイーンが完了したら、親トゥイーンが次のトゥイーンへ移行します。
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
trigger(): Tween24;
/**
* トゥイーンの途中で、次のトゥイーンへ移行します。
* @param {number} progress 移行させる進捗率
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
jump(progress: number): Tween24;
/**
* アニメーションの繰り返し回数を設定します。
* 「0」を指定すると、無制限に繰り返します。
* @param {number} value リピート回数
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
repeat(value: number): Tween24;
/**
* トゥイーン毎のFPS(1秒間の更新回数)を設定します。
* デフォルトでは0が設定され、ブラウザのリフレッシュレートに合わせて描画更新されます。
* (※ 子以下のトゥイーンには設定できません。)
* @param {number} fps FPSの値
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
fps(fps: number): Tween24;
/**
* トゥイーンのデバッグモードを設定します。
* デバッグモードをONにすると、トゥイーンの動作状況がコンソールに表示されます。
* @param {boolean} flag デバッグモードを使用するか
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
debug(flag?: boolean): Tween24;
private _setPropety;
private _set$Propety;
private _set$$Propety;
private _setPropetyStr;
private _setStyle;
private _set$Style;
private _set$$Style;
private createBasicUpdater;
/**
* トゥイーン再生時に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onPlay(func: Function, ...args: any[]): Tween24;
/**
* トゥイーン開始時に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onInit(func: Function, ...args: any[]): Tween24;
/**
* トゥイーン実行中に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onUpdate(func: Function, ...args: any[]): Tween24;
/**
* トゥイーンが一時停止した時に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onPause(func: Function, ...args: any[]): Tween24;
/**
* トゥイーンが一時停止中から、再開した時に実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onResume(func: Function, ...args: any[]): Tween24;
/**
* トゥイーンが停止された時に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onStop(func: Function, ...args: any[]): Tween24;
/**
* トゥイーンが完了した時に、実行する関数を設定します。
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
onComplete(func: Function, ...args: any[]): Tween24;
private _setFunctionExecute;
private _functionExecute;
/**
* トゥイーンを設定します。
* @static
* @param {*} target 対象オブジェクト
* @param {number} time 時間(秒)
* @param {(Function|null)} [easing=null] イージング関数(デフォルト値:Ease24._Linear)
* @param {({[key:string]:number}|null)} [params=null] トゥイーンさせるパラメータ(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static tween(target: any, time: number, easing?: Function | null, params?: {
[key: string]: number;
} | null): Tween24;
/**
* 速度を指定するトゥイーンを設定します。
*
* このトゥイーンは、指定された速度とパラメータの変化量から時間を自動設定します。
* 複数パラメータを変化させる場合、変化量の一番大きい値を基準にします。
* x,y の座標系パラメータは、計算後の距離を変化量とします。
* @static
* @param {*} target 対象オブジェクト
* @param {number} velocity 1秒間の変化量(速度)
* @param {(Function|null)} [easing=null] イージング関数(デフォルト値:Ease24._Linear)
* @param {({ [key: string]: number } | null)} [params=null] トゥイーンさせるパラメータ(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static tweenVelocity(target: any, velocity: number, easing?: Function | null, params?: {
[key: string]: number;
} | null): Tween24;
/**
* プロパティを設定します。
* @static
* @param {*} target 対象オブジェクト
* @param {({[key:string]:number}|null)} [params=null] 設定するパラメータ(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static prop(target: any, params?: {
[key: string]: number;
} | null): Tween24;
/**
* クエリで指定した要素直下のテキストを1文字ずつに分解し、それぞれにプロパティを設定します。
* @static
* @param {string} targetQuery 対象要素を指定するクエリ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static propText(targetQuery: string): Tween24;
/**
* クエリで指定した要素直下のテキストを1文字ずつに分解し、それぞれにトゥイーンを設定します。
* @static
* @param {string} targetQuery 対象要素を指定するクエリ
* @param {number} time 時間(秒)
* @param {(Function|null)} [easing=null] イージング関数(デフォルト値:Ease24._Linear)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static tweenText(targetQuery: string, time: number, easing?: Function | null): Tween24;
/**
* 1文字ずつに分解したテキストを、元に戻します。
* @static
* @param {string} targetQuery 対象要素を指定するクエリ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static resetText(targetQuery: string): Tween24;
/**
* クエリで指定した要素直下のテキストを1文字ずつに分解し、それぞれに速度を指定するトゥイーンを設定します。
*
* このトゥイーンは、指定された速度とパラメータの変化量から時間を自動設定します。
* 複数パラメータを変化させる場合、変化量の一番大きい値を基準にします。
* x,y の座標系パラメータは、計算後の距離を変化量とします。
* @static
* @param {string} targetQuery 対象要素を指定するクエリ
* @param {number} velocity 1秒間の変化量(速度)
* @param {(Function|null)} [easing=null] イージング関数(デフォルト値:Ease24._Linear)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static tweenTextVelocity(targetQuery: string, velocity: number, easing?: Function | null): Tween24;
private static _tweenText;
/**
* トゥイーンを待機します。
* @static
* @param {number} time 待機時間(秒)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static wait(time: number): Tween24;
/**
* 関数を実行します。
* @static
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static func(func: Function, ...args: any[]): Tween24;
/**
* イベントを受け取るまで、待機します。
* @static
* @param {*} target イベントを受け取る対象
* @param {string} type 受け取るイベントタイプ
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static waitEvent(target: any, type: string): Tween24;
/**
* 指定した関数を実行し、イベントを受け取るまで待機します。
* @static
* @param {*} target イベントを受け取る対象
* @param {string} type 受け取るイベントタイプ
* @param {Function} func 実行する関数
* @param {...any[]} args 引数(省略可)
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static waitEventAndFunc(target: any, type: string, func: Function, ...args: any[]): Tween24;
private _setWaitEvent;
/**
* console.log() を実行します。
* @static
* @param {...any[]} message コンソールに出力する内容
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static log(...message: any[]): Tween24;
/**
* 順番に実行するトゥイーンを設定します。
* @static
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static serial(...childTween: Tween24[]): Tween24;
/**
* 並列に実行するトゥイーンを設定します。
* @static
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static parallel(...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、時差を設定します。
* @static
* @param {number} lagTime 対象毎の時差(秒数)
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lag(lagTime: number, ...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、再生順をソートして時差を設定します。
* @static
* @param {number} lagTime 対象毎の時差(秒数)
* @param {Function} sort 再生順をソートする関数
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lagSort(lagTime: number, sort: Function, ...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、トータル時間を元に時差を設定します。
* @static
* @param {number} totalLagTime 時差のトータル時間(秒数)
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lagTotal(totalLagTime: number, ...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、トータル時間を元にイージングをかけながら時差を設定します。
* @static
* @param {number} totalLagTime 時差のトータル時間(秒数)
* @param {Function} easing 時差の時間量のイージング
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lagTotalEase(totalLagTime: number, easing: Function, ...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、再生順をソートして、トータル時間を元に時差を設定します。
* @static
* @param {number} totalLagTime 時差のトータル時間(秒数)
* @param {Function} sort 再生順をソートする関数
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lagTotalSort(totalLagTime: number, sort: Function, ...childTween: Tween24[]): Tween24;
/**
* 子トゥイーンの対象が複数指定されていた場合、再生順をソートして、トータル時間を元にイージングをかけながら時差を設定します。
* @static
* @param {number} totalLagTime 時差のトータル時間(秒数)
* @param {Function} sort 再生順をソートする関数
* @param {Function} easing 時差の時間量のイージング
* @param {...Tween24[]} childTween 実行するトゥイーンたち
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static lagTotalSortEase(totalLagTime: number, sort: Function, easing: Function, ...childTween: Tween24[]): Tween24;
/**
* 繰り返し再生させるトゥイーンを設定します。
* ループ回数に「0」を指定すると、無制限に繰り返します。
* @static
* @param {number} numLoops ループさせる回数
* @param {Tween24} tween ループさせるトゥイーン
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static loop(numLoops: number, tween: Tween24): Tween24;
/**
* フラグに応じて再生するトゥイーンを設定します。
* フラグにboolean値を渡した場合はトゥイーン作成時に判定し、boolean値を返す関数を渡した場合はトゥイーン実行毎に判定します。
* @static
* @param {boolean|(()=>boolean)} flag boolean値か、boolean値を返す関数
* @param {Tween24} trueTween フラグが true の時に再生するトゥイーン
* @param {(Tween24|null)} [falseTween=null] フラグが false の時に再生するトゥイーン
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
static ifCase(flag: boolean | (() => boolean), trueTween: Tween24, falseTween?: Tween24 | null): Tween24;
private static _createChildTween;
private static _createContainerTween;
private static _createActionTween;
private _commonProcess;
private static _getInstance;
/**
* トゥイーンのIDを設定します。
* @param {string} id トゥイーンのID
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
id(id: string): Tween24;
/**
* 指定したIDのトゥイーンの play() を実行します。
* @static
* @param {string} id トゥイーンのID
* @memberof Tween24
*/
static playById: (id: string) => void;
/**
* 指定したIDのトゥイーンの manualPlay() を実行します。
* @static
* @param {string} id トゥイーンのID
* @memberof Tween24
*/
static manualPlayById: (id: string) => void;
/**
* 指定したIDのトゥイーンの pause() を実行します。
* @static
* @param {string} id トゥイーンのID
* @memberof Tween24
*/
static pauseById: (id: string) => void;
/**
* 指定したIDのトゥイーンの skip() を実行します。
* @static
* @param {string} id トゥイーンのID
* @memberof Tween24
*/
static skipById: (id: string) => void;
/**
* 指定したIDのトゥイーンの stop() を実行します。
* @static
* @param {string} id トゥイーンのID
* @memberof Tween24
*/
static stopById: (id: string) => void;
/**
* トゥイーンのグループIDを設定します。
* @param {string} groupId トゥイーンのグループID
* @return {Tween24} Tween24インスタンス
* @memberof Tween24
*/
groupId(groupId: string): Tween24;
/**
* 指定したグループIDのトゥイーンの play() を実行します。
* @static
* @param {string} groupId トゥイーンのID
* @memberof Tween24
*/
static playByGroupId: (groupId: string) => void;
/**
* 指定したグループIDのトゥイーンの manualPlay() を実行します。
* @static
* @param {string} groupId トゥイーンのID
* @memberof Tween24
*/
static manualPlayByGroupId: (groupId: string) => void;
/**
* 指定したグループIDのトゥイーンの pause() を実行します。
* @static
* @param {string} groupId トゥイーンのID
* @memberof Tween24
*/
static pauseByGroupId: (groupId: string) => void;
/**
* 指定したグループIDのトゥイーンの skip() を実行します。
* @static
* @param {string} groupId トゥイーンのID
* @memberof Tween24
*/
static skipByGroupId: (groupId: string) => void;
/**
* 指定したグループIDのトゥイーンの stop() を実行します。
* @static
* @param {string} groupId トゥイーンのID
* @memberof Tween24
*/
static stopByGroupId: (groupId: string) => void;
private _setTweenId;
private _setTweenGroupId;
private static _getTweensById;
private static _getTweensByGroupId;
private static _controlTweens;
/**
* トゥイーン全体のFPS(1秒間の更新回数)を設定します。
* デフォルトでは0が設定され、ブラウザのリフレッシュレートに合わせて描画更新されます。
* @static
* @param {number} [fps=0] FPSの値
* @memberof Tween24
*/
static setFPS: (fps?: number) => void;
/**
* デフォルトのイージングを設定します。
* @static
* @param {Function} [easing=Ease24._Linear] デフォルトのイージング
* @memberof Tween24
*/
static setDefaultEasing: (easing?: Function) => void;
/**
* トゥイーン全体のデバッグモードを設定します。
* デバッグモードをONにすると、トゥイーンの動作状況がコンソールに表示されます。
* @static
* @param {boolean} flag デバッグモードを使用するか
* @memberof Tween24
*/
static debugMode: (flag: boolean) => void;
/**
* トゥイーンを早送りするデバッグキーを設定します。
* @static
* @param {number} [timeScale=0.1] 早送り中のタイムスケール
* @param {string} [key="shift"] 設定するキーボードのキー
* @memberof Tween24
*/
static setDebugKey: (timeScale?: number, key?: string) => void;
/**
* すべてのトゥイーンの、時間(delayの遅延時間を含む)の尺度(割合)を設定します。
* @static
* @param {number} timeScale 時間の尺度
* @memberof Tween24
*/
static setGlobalTimeScale: (timeScale: number) => void;
/**
* コンソールのバージョン表示をスキップします。
* @static
* @memberof Tween24
*/
static skipHello: () => void;
/**
* manualPlay() されているトゥイーンを、すべてアップデートします。
* @static
* @memberof Tween24
*/
static manualAllUpdate: () => void;
__clone(base: any, baseQuery: string | null): Tween24;
private _getCloneMultiUpdater;
toString(): string;
private _debugLog;
private _warningLog;
private getTweenTypeString;
private getTweenParamString;
get isPlaying(): boolean;
get isPausing(): boolean;
}