Ad Network

あわせて読みたい

  • あわせて読みたい

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

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上で走らせると少し見栄えが悪い)

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8341c4f9853ef00e54f8b1fb28833

Listed below are links to weblogs that reference ianime.js v0.20、ようやくIEにも対応:

» ianime.jsのサンプルはプチプチに似てはまる from hizoo1999の日記
ianime.js v0.20、ようやくIEにも対応の動作サンプルが意味もなくクリックし続けてしまう楽しさを持っている。思わずやり続けていたら、とうとう隣り合わせるブロックがゼロになってしまったのでついでになんともいえない達成感を味わうことが出来た。 IEへの対応は気が進ま... [Read More]

Comments

kawaguti

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

Post a comment

This weblog only allows comments from registered users. To comment, please Sign In.