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

The comments to this entry are closed.