スマホ対応アニメーション支援ライブラリ
Ticker インターバル管理オブジェクト
時間を管理するオブジェクト。設定されたFPS(1秒あたりのフレーム数)によって、frameがカウントアップされ、フレーム毎に "tick"イベントを発行する。
Tickerオブジェクトは複数作成可能で、それぞれ違うFPSを設定することも可能。
var stage = new smart.Stage("demo2"); stage.style({ textAlign:"center", fontSize:"32px", lineHeight:"80px" }); var ticker = new smart.Ticker(20); // fps=20 ticker.on("tick",function(e) { stage.html = "count: " + e.count; }); ticker.start();
プロトタイプ
Ticker → Binder
メソッド
new Ticker([fps]) | Tickerオブジェクトを作成します。FPSを指定可能。(デフォルト 60) |
on(eventName,fn) | オブジェクトがイベントを発行した時に実行する関数を登録。 eventNameはスペースでつなげて複数設定することも可能。 |
off([eventName,fn]) | オブジェクトがイベントを発行した時に実行する関数を削除。 関数指定が無い場合には、指定されたtypeに紐づく全ての関数を削除。eventName指定が無い場合には、全ての関数を削除。 |
trigger(eventName,[data]) | eventNameで指定したイベントを発行する。 発行するイベントオブジェクトにはtype,target(発行元)が自動的に設定される。data(オブジェクト)を設定することでイベントオブジェクトを拡張できる。 |
start() | カウントアップ処理を開始する。 |
stop() | カウントアップ処理を停止する。 |
toggle() | カウントアップ開始、停止を切り替える。 |
tick(fn) | カウントアップされるたびに処理する関数を登録する。 |
プロパティ
enabled | Boolean | イベントの発行の有効/無効を設定、または取得。 false を代入すると、イベントの発行を一時的に無効化できる。 |
fps | Number | FPSを設定、取得する。 |
active | Boolean | 読み取り専用。処理中か取得する。 |
イベント
"tick" | カウントアップされるたびに発行 |
Copyright (C) 2011-2017 akira igarashi (UNIZONBEX) All Rights Reserved.