[B! アニメーション] shinsakuのブックマーク

shinsaku id:shinsaku

アニメーションに関するshinsakuのブックマーク (3)

人体の仕組みや鳥が飛ぶ方法に関する情報等の興味深いインフォグラフィックを、GIFをアニメーション化している。
► 2021 (8) ► 5月 (2) ► 4月 (1) ► 3月 (2) ► 2月 (2) ► 1月 (1) ► 2020 (77) ► 12月 (3) ► 11月 (2) ► 10月 (5) ► 9月 (9) ► 8月 (6) ► 7月 (10) ► 6月 (5) ► 5月 (22) ► 4月 (7) ► 3月 (1) ► 2月 (5) ► 1月 (2) ► 2019 (56) ► 12月 (1) ► 11月 (4) ► 10月 (5) ► 9月 (1) ► 8月 (6) ► 7月 (4) ► 6月 (9) ► 5月 (7) ► 4月 (4) ► 3月 (5) ► 2月 (3) ► 1月 (7) ► 2018 (77) ► 12月 (8) ► 11月 (7) ► 10月 (7) ► 9月 (8) ► 8月 (6) ► 7月 (8) ► 6月 (7) ► 5月 (7) ► 4月 (4)
shinsaku 2015/01/05
アニメーション

デザイン

gifアニ
リンク
requestAnimationFrame でフレームと再描画更新を制御する | Yomotsu net
Canvas や SVG などを用いて、アニメーションを行う場合の描画繰り返しについて考えます。描画の繰り返しアニメーションには requestAnimationFrame や setTimeout など利用し、そのタイミングで再描画を繰り返すという手法が一般的です。これまで、 setTimeout を利用することが主流で、60 FPS のアニメーションの場合は例えば以下の様なコードで実現することも多かったかと思います。 var x = 0; ( function loop(){ setTimeout( loop, 1000 / 60 ); x += 1; console.log( x ); } )(); ただし、setTimeout や setInterval は、ブラウザー側で再描画の準備が整っているか否かにかかわらず、必ず実行されてしまいます。また、ブラウザーのタブが非表示 (バ
shinsaku 2014/06/10
requestAnimationFrame

animation

アニメーション
リンク
jQueryのopacityアニメとIE6,7,8
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / fadeInとかfadeOutとかanimateでopacityどうするとか、opacity対応していないIE6,7,8でも素敵に動くすんばらしーと思い、できますできますはいできますとか言ってると痛い目に合った。まずIE6、7、8ではopacityを使わない代わりに、IE独自のfilterプロパティをいじって、透明度のアニメーションを実現している。このため、他のフィルタと併用できない。これが特に問題になるのが、そのままではアルファPNGを使えないIE6。IE6でアルファPNGを使おうとするのなら、フィルタのalphaImageLoaderを使わなければならないが、透明度のアニメーションもfi
shinsaku 2013/09/27
jQuery

IE8

PNG

アニメーション
リンク
1