Flashのように滑らかなアニメーションを実装するには(uupaa.js vs jQueryデモ) - latest log

JavaScript で Flash のような滑らかなアニメーションを行うためには、クロスブラウザな知識の他に、GC(ガベージコレクション)や「どうすれば安定した品質がだせるのか」といったスキルが求められます。 # GC の話は WEB+DB PRESS 57 でちょっと書いてます。 派手目なアニメーションが目的で jQuery を採用している方もいるとは思いますが、実は uupaa.js でも アニメーションや easing が利用できるんです。あらびっくり。 ただ「機能がありますよ〜」だと、さみしいので みんな大好き jQuery と uupaa.js のアニメーションの品質の違いが分かるようなデモを作成してみました。 iPhone/iPad や、IE6〜IE8で opacity を切り替えて見ると、ハッキリと違いが分かると思います。 http://jsdo.it/uupaa/uufx

[monjudoh]

そこそこ速いノート+IE6でまあ差が分かるレベル。スマートフォンだと露骨に差が出そうな気がする。

[kkeisuke]

uupaa.js には 最適化されたカラーアニメーションや、ある期間からある期間までを指定してリバースするリバースアニメーションの機能などもあります。

[sky_2007]

高速化

[miya2000]

「new Function() で文字列から関数を構築」「与えられた引数だけを参照し、外部スコープを参照しない」→ javascript:(function(){var alert = 'kill';new Function("alert('alive!')")();})()