Subscribe優秀なナースがいるとシステムがなかなか改善されないという話JSONアニメーション言語の並列実行機能についてJSONでアニメーション用のメタ言語を作ってみた2007.11.29ianime.jsもようやく安定して動き出したので、スライドショーを作ってみようと思ったのだが、通常のjavascriptのイベント処理を使って作ろうとすると、(1)最初のアニメーションの動作を指定し、(2)そのアニメーションの終了イベントを受けて次の指示を出し、...と、ものすごいスパゲッティ・コードを書かねばならなくなる。それがどうしても耐えられなかったので、色々と試行錯誤をしているうちにたどり着いたのが、JSONを使ったアニメーション専用のメタ言語である。下の例の太字の部分がそれ。何もせずに3秒間待つ(一番上にあるpic4が表示される)3秒間かけてpic4をフェードアウトする(pic3が見えてくる)何もせずに3秒間待つ3秒間かけてpic3をフェードアウトする(pic2が見えてくる)何もせずに3秒間待つ3秒間かけてpic2をフェードアウトする(pic1が見えてくる)何もせずに3秒間待つ3秒間かけてpic4をフェードインするフェードアウトしてあったpic3を元に戻しておく(pic4に隠れて見えない)フェードアウトしてあったpic2を元に戻しておく(pic4に隠れて見えない)最初に戻るとなる。直感的にアニメーションのシーケンスが記述できるので、私自身はとても気に入っているのだがいかがだろう。上のサンプルをIFRAMEの形で下に貼付けておいたので、興味のある人はソースコードをコピーして、自分なりのスライドショーを作って遊んでみていただきたい。フェードイン・アウトだけでなく画像を移動させることも可能だし、テキストを含むdivやspanをフェードイン・アウトさせたり、ということも自由にできる。ちなみに、ianime.jsは若干進化してv0.24。v0.24に追加した機能のドキュメントはまだ書いていないが、このサンプルを見ていただければだいたいのことは分かっていただけると思う。|Comments下記のようにできたらもっと使いやすいかなと思いました。javascriptの実装はよんでませんが...。TypepadTop。