Animate.css | A cross-browser library of CSS animations.
Animate.css Just-add-water CSS animations See animations Close list Attention seekers bounce Copy class name to clipboard flash Copy class name to clipboard pulse Copy class name to clipboard rubberBand Copy class name to clipboard shakeX Copy class name to clipboard shakeY Copy class name to clipboard headShake Copy class name to clipboard swing Copy class name to clipboard tada Copy class name t
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
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
white-screen.jp:新世代アーティストが描く、ギークでクールなGIFアニメーション
メディア・アートのなかでも、Web黎明期から20年の歴史を持つGIFアニメーションの世界をご紹介する第2弾！デジタル・ネイティブの新世代アーティストが生み出す、常識を超えたアートたちが揃った。 ■out_4_pizzaの正体が明らかに！ 謎に包まれたアーティスト、out_4_pizzaの正体が明らかになった！なんと女性アーティストで、名前はLaura Brothers（ローラ・ブラザーズ）。NY郊外に住んでいる。ドローイングやコラージュなどを手掛ける彼女は、2年前からGIFアニメーションを制作するようになった。彼女にとってGIFアニメーションとは？と聞くと、「デジタルアートは現代人がビジュアルの楽園で瞑想経験をすることを手助けする手段に成り得ると思うわ。動いているものでも、そうでないものでも。それは私にとってすごく自然なこと」と語ってくれた。 ■ニューメディアとアナログを操るダンカン・マラ
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
typographical motion graphics - information aesthetics
2 different typographical motion graphic movies. one made in SWiSHMax, the song Streetlight Manifesto from Point Counterpoint. the other one still unfinished, based on a song from The Hush Sound & made in 4 days by people from the MK12 design studio using Adobe After Effects software. [links: youtube.com & youtube.com] see also poetic textual animation & alphabet shape buildings & toypography typo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Subway Time
JavaScript++かも日記 - 1997年からの