iAnime.js をGoogle code上のオープンソース・プロジェクトとして正式スタート
ブログと比べると、雑誌のコラムがブラックホールに思えてしまうという話

ianime.js: ベジエ曲線上を動かす機能を追加

 先日の「アニメーション用のメタ言語」のエントリーに対して、「Flash用のfuseに似ている」というコメントをいただいた。調べてみると、並列処理に関する考え方が少し異なっているが、確かに似ている面もある。そのFuseのデモの一つに、ベジエ曲線上にオブジェクトを動かして、その軌跡をフェードアウトで表現するというなかなか見栄えの良いものがあったので、対抗意識を燃やしてianime.jsで実装してみた。

 デモと簡単な解説は英文ブログのエントリーに書いてあるが、ベジエ曲線の機能はこのデモのために新しく追加した機能。作る前はパフォーマンスが少し心配だったが、iPhone上でも問題なく動いているので一安心。

 しかし、こんなことまでがHTML+Javascriptだけで実現できてしまうとは我ながら少々驚いている。ActionScriptと比べてどうも取っ付きにくいと感じていたJavascriptだが、ここまで可能ならばJavascriptでかなりのことをやってしまった方が良いのではないかと思えて来た今日この頃である(iPhoneでも動くし^^)。

Comments

かずぼう

トラバ失敗したみたいなのでコメントで。
ドコモの携帯電話のフルブラウザでも動くかどうか、やってみました。
ベジェとiFreeCellを動かしてみましたが、どちらも何とか動きましたよ。

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment

Your Information

(Name is required. Email address will not be displayed with the comment.)