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. fb022d1ac056d555673c17937de7f431.png

    JavaScript

    強力なアニメーション用のJavaScriptライブラリー「TweenMax.js」が便利!

    jQueryでもアニメーションはできるのですが、それよりも表現力豊…

  2. obj_clear.jpg

    JavaScript

    配列に入れた無名オブジェクトの値をクリアする

    オブジェクトの値を配列にいれて管理することってけっこうあります。…

  3. trycatch.jpg

    JavaScript

    JavaScriptでエラーが起っても固まらないように「try-catch」する

    HTML5とJavaScriptでこねこねしてWebアプリを作って…

  4. js_comment.jpg

    JavaScript

    JavaScriptでコメントは「/* */」をなるべく使わないようにしたい

    コメントには囲った部分をすべてコメントにする「/* */」と、1…

  5. offset_style_data.jpg

    JavaScript

    「offset」と「style」で取得する値が違う

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

  6. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

アーカイブ

  1. タバコ汚染

    アート

    タバコ汚染をアートで訴える
  2. ジャケ買いブランデーを飲んでみた。ちっちゃいカルヴァドス

    グルメ

    ジャケ買いブランデーを飲んでみた。ちっちゃいカルヴァドス
  3. 日常

    攻めどころがムズイ
  4. しんかい6500

    LEGO

    【LEGOSTREAM】しんかい6500の本体ビルド
  5. 大澤さんレゴライブビルド

    LEGO

    レゴ・アーティスト大澤よしひろさんのライブ・ビルド(大阪レゴの旅)
PAGE TOP