requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
アニメーションgifならぬアニメーションjpg/png - rettuce.blog
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
JS でモーションタイポグラフィー - 2nd life (移転しました)
http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo_bezier.html http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo.html JSTweener の機能追加と同時に、もちょっとサンプルになんか作ってみようかな、ということでモーションタイポグラフィーで遊んでみました。思ったよりは重くなかった感じです。半透明にすると重くなるかな、と思いきやどのブラウザでも割と普通に。 でも JS だと一文字一文字の横幅を正確に求めることができず(IEでできるのかな)、破壊的な動きなら出来るんですけど、あらかじめレンダリングされるであろう場所に文字を吸着とかかなり難しそうな感。 JSTweene
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
