JavaScript

【TweenMax】「onComplete」で引数を使う方法

oncomplete_function

TweenMaxの「onComplete」で引数を使いたい場合ってありますよね。
そのやり方をメモしておきます。

まずは以下が基本。
引数を使いたい場合は「function」でくるみます。

1
2
3
4
5
6
7
8
9
10
//引数は使えないけどすっきり♪
setTimeout( Scene4, 250, true);
 
//こういう指定はできない
setTimeout( Scene4(), 250, true);
 
//引数を使うにはこうする
setTimeout( function () {
    Scene4(100);
}, 250, true);

TweenMaxでも同じことです。以下のような記述では「onComplete」で引数が使えません。

1
2
3
4
5
6
7
8
9
10
11
12
13
//引数は使えないけどすっきり♪
TweenMax.to( ball, 0.6, {
    css:{left: GL.ball.BallDx, top: GL.ball.BallDy }, 
    ease:Back.easeOut, 
    onComplete:MoveChara
});
 
//こういう指定はできない
TweenMax.to( ball, 0.6, {
    css:{left: GL.ball.BallDx, top: GL.ball.BallDy }, 
    ease:Back.easeOut, 
    onComplete:MoveChara()
});

そこで、以下ように「function」でくるめば引数が使えます。

1
2
3
4
5
TweenMax.to( ball, 0.6, {
    css:{left: GL.ball.BallDx, top: GL.ball.BallDy }, 
    ease:Back.easeOut, 
    onComplete: function(){MoveChara(100);
});

これでますますTweenMaxが使いやすくなりますね♪

関連記事

  1. JavaScript

    「offset」で取得した値を使い回す

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

  2. JavaScript

    JavaScriptでテキストボックスから値を取得する

    テキストボックスに入力された値を取得します。Elementオブジ…

  3. JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  4. JavaScript

    クエリーストリングを利用してWebページ間でデータを受け渡してみる

    「クエリーストリング」っていうのは以下のようなGoogleで検索し…

  5. JavaScript

    WebアプリのデバッグをChromeでやるために「touch events」を有効化する方法

    Webアプリのデバッグは「Chrome」をいつも使ってます。その…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. IKEA

    【IKEA】安くてかっこいい、そして便利! IKEAの収納「SKUBB 収納 9…
  2. タグクラウド

    WordPress

    タグクラウド追加。
  3. 日常

    日本パッケージデザイン大賞決定
  4. 日常

    カタチ
  5. JavaScript

    【TweenMax.js】回転アニメーションも楽々!
PAGE TOP