Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. But some facts make it standing out from other frameworks: Easy and intelligent CSS support. Event listeners. Easy syntax. Well-documented. Compatible to all current browsers: Firefox 1+, Opera 8+, Internet Explorer 5.5+, Safari 2+, Konqueror Let's start the discussion about Run on
http://coderepos.org/share/wiki/JSTweener http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/ JS でモーショントィーンするのに、JSTween というライブラリがあるのですが、一つ一つのモーションで setTimeout(func, 0) で回しててるため増えれば増えるほど重くなったり、style 設定が結構面倒だったり、一度に複数プロパティ登録ができなかったりしたので、自分でライブラリを作ってみました。ひっつき☆スターを JSTweener で動かしたら体感で全然速くなりました。 コード例ですが、ひっつきスターでのトゥイーン処理は JSTweener.addTween(el.style, { time: tm, transitions: 'easeOu
JAVASCRIPT MOTION TWEEN JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。 デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。 次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。 var t = new Tween(object,property,easing,start,end,duration,suffixe); 次のJavaScriptソースコードが提供されています。 Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js 名前を見るとなんとなく分かりますが、必要に応じてファイルを
Run / Universal JavaScript Animation Framework / Start Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework. JavaScriptアニメーションフレームワークライブラリ「Run」。 script.aculo.usのようなエフェクト風アニメーション機能を実現したりすることが出来ます。 太陽の周りを地球が回るデモのような、Script.aculo.usでは実現が少し面倒だったものも割と簡単に実現出来そうです。 script.aculo.us 同様、prototype.jsに依存しています。 ドキュメントも充実 関連エントリ prototype.jsベースの画像切抜き
Jason Harwig JavaScriptパーティクルエンジンライブラリの紹介。 次のように、Flashムービーのような粒子のアニメーションをJavaScriptで実現しています。(IEだと動きませんでした) JavaScriptで実現というところが興味をそそられる部分ですね。 ソースコードがダウンロードできるので、興味のある人は覗いてみましょう。 関連エントリ グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」 JavaScriptでOSやブラウザの検出が出来る「BrowserDetect.js」
そして、今回発見した、JavaScript用アニメーション作成ライブラリ「Animation.js」の紹介。 Animation.jsを使って、次のエフェクトが実現可能です。 エレメントのアニメーション移動 文字のアニメーション切り替え 色のアニメーション切り替え フェードイン・フェードアウト なかなか面白そうなクラスですね。 javascriptのアニメーションクラスは他にもいろいろありますが、自分にとって使いやすいアニメーションクラスを選ぶのがいいですね
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
