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. tweenmax_license01.jpg

    JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

  2. css_sprite.jpg
  3. chrome_touchevents.jpg

    JavaScript

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

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

  4. getElementById

    JavaScript

    JavaScript内で、HTMLのIDを直接指定したらダメ

    Webアプリをデザインしていて、JavaScriptの記述について…

  5. about_debug-4.jpg

    JavaScript

    Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

    Webアプリをデザインするときに必須となるのがJavaScript…

  6. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法

    Webアプリをデザインするときのお決まりになりつつあるHTML5の…

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. 【IKEA】キッチンの小物入れに「VARIERA」

    IKEA

    【IKEA】キッチンの小物入れに「VARIERA(ヴァリエラ)」
  2. 20120606203412

    MarsEdit

    【MarsEdit】登録ブログのログインユーザー名・パスワードを変更する方法
  3. 日常

    編集の日
  4. little_mole_and_car-10.jpg

    読書

    男子の夢が詰まった名作!『もぐらとじどうしゃ』
  5. 日常

    『眼の冒険』
PAGE TOP