ianime.jsで「iPhone用落ちゲー」のテンプレートを作成
「おもてなし」が現代用語の基礎知識に!

ianime.js v0.20、ようやくIEにも対応

 iPhone用に作り始めたアニメーション・ライブラリianime.js。いつかはIEでも動く様にしなければならないと知りつつ避けていたのだが、やはりこれではいかんとIEもサポートするために大改造。結局のところ、canvasの使用をやめ、DOMを直接操作することによりアニメーションを実現することにした。canvasを使うのと比べて若干遅いが、結果的にはかなりコードサイズを削ることができたので、まあ良かろう。

 しかし、この手のライブラリを市場に出回っているすべてのブラウザで動く様に保つためには相当な手間がかかると思うんだが、皆どうやってテストしているんだろう。だからこそ他の人たちから協力を得やすいオープンソースなアプローチが必要という考えもあるが。

 ◇ ◇ ◇ ◇

 ちなみに、今回のデモはこれ。同じ種類のアイコンと隣り合っているアイコンをクリックすることにより消すことができる。だいぶゲームっぽくなって来た。

 iPhone/iPod touchを持っている人用のリンク。

  http://satoshi.blogs.com/ianime/freecell6.html

 Safari/Firefox/IE/Operaを持っている人用のデモ。

 ちなみに、動作確認したのは以下のブラウザ。

  ・Firefox 2.0.0.0 on Mac OS-X 10.4.11
  ・Safari 3.04 on Mac OS-X 10.4.11
  ・Opera 9.24 on Mac OS-X 10.4.11
  ・Safari on iPhone 1.1.2
  ・IE 6.0.2900 on Windows XP (running under Parallels on Mac)

(IEがPNGのアルファ値をサポートしていないので、IE上で走らせると少し見栄えが悪い)

Comments

kawaguti

動いています。
- Firefox 2.0.0.9 on Windows XP SP2
- IE 6.0.2900 on Windows XP SP2

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.)