タグ

animationとdesignに関するItisangoのブックマーク (3)

  • SVGアニメーションの現状 | POSTD

    SVGScalabe Vector Graphics)の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の(そして未来の)SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL(Syn

    SVGアニメーションの現状 | POSTD
  • jQuery Easing Plugin

    Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de

  • ゆうきさんと出渕さんのパトレイバーデザイン方針 - よろず手控え帖

    前に押井さんの考えているパトレイバーデザインの記事を書きました。今回は最初らパトレイバーに関わっているゆうきさんと、デザインをした出渕さんの考えていたパトレイバーのデザインについて整理してみたいと思います。 ダサカッコイイ人型ロボット まず、パトレイバーの前身となるものから温めていたゆうきさんは、パトレイバーのデザインをどう考えていたのでしょうか。 夜陰に乗じて金融機関を襲った一味は、レイバーを乗り捨てて車で逃げだそうとするが、その目の前に立ちふさがる巨人の影に思わずブレーキを踏んでしまう、というのが左側の絵の大まかなシチュエーションですな。 これは最近描いた絵なので“一応イングラム”になってますけど、メカデザインが決まる前~パトレイバーの発想をした頃~から頭の中にあったイメージは こーゆーものでした。そのため、主役メカにはどうしても“あからさまな人形(ひとがた)シルエット”が欲しかったわ

    ゆうきさんと出渕さんのパトレイバーデザイン方針 - よろず手控え帖
  • 1