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

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

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

  2. JavaScript

    JavaScriptでグローバル変数を減らす方法

    グローバル変数はいいことない!もしかしたら使っているライブラリー…

  3. JavaScript

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

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

  4. JavaScript

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

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

  5. JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

  6. JavaScript

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

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

最近の記事

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

アーカイブ

  1. micro solutionのガラスシート

    プロダクト

    ついにiPhone7の最高のフィルムを見つけた!Micro Solutionのガ…
  2. 日常

    Let’s go 香港
  3. 日常

    「さよなら ナム・ジュン・パイク展」
  4. UK? OK!!

    展覧会

    ロンドングラフィックデザイン展
  5. コンテンツ

    GoogleにブログのURLを登録しておくとSEO的にいいらしい
PAGE TOP