タグ

tweenに関するnsyeeのブックマーク (2)

  • ストレスの無いCSSアニメーションを - latest log

    今日は、CSSアニメーション機能を担当する uu.tween.js のリライトをしていました。 uu.tween.js を組み込むと、CSS の色, サイズ, 位置を利用したアニメーションが可能になります。これ自体はよくある機能なのですが、他のライブラリにない特徴として、CSSプロパティ個別に easing 関数を割り当てられます。 デモ http://pigs.sourceforge.jp/blog/20091216/ ノード3個 と 15個版があります。ノード数が違うだけで何身は一緒です。デモにある円弧軌道は、left, top に別々の easing 関数を割り当てて実現しています。 easing 関数 デフォルトの easing関数 は easeInOutQuad です。plug/easing/uup.easing.js を組み込むと他の関数を利用できます。 http://code

    ストレスの無いCSSアニメーションを - latest log
  • BetweenAS3 テスト(1)【閃光的網站・弛緩複合体 -Review Division-】

    さっそく BetweenAS3 触ってみましたよ。 っても Tweener と入れ替えたレベルのコードしか書いてないけどな! flash on 2009-5-11 - wonderfl build flash online 正方形のタイルを縦62個×横62個、計3844個ステージ上に敷き詰めて、トランジション風な動きをさせました。 クリックした場所を起点としてさざ波が起きるような感じ。 その昔 Tweener でこれを試したことがあるんですが、25×25=625個のタイルくらいがせいぜいってな感じだったんですよ。 BetweenAS3 はスゴいっすね。3844個のタイルでも実用レベルで動く。 なんて素晴らしい。萌える! ところでこのプログラムは以下のような構造をしています。 Main └Subject ├Tile ├Tile ├Tile ├…… └Tile Subject と Tile は

  • 1