« October 2011 | Main | December 2011 »

2011.11.22

HTML5の学習としてトランプゲームを作成

Google が HTML5 の普及に積極的な姿勢を見せたこともあり、そろそろ HTML5 の勉強をすべきだと判断しました。

HTML や JavaScript の勉強と言えば、ゲーム作成!
長い間更新していなかったこともあり、 本家サイトの 「ソリティア8 」を可能なかぎりHTML5の仕様に合わせて作成してみました。


Solitaire_html5
ソリティア8 - HTML5版 (Firefox または Chrome)

そろそろ完成というところで、動作チェック用のパソコンがハードディスク故障でダウン。XPを入れ直そうとするも、メディアがそのPC向けでないせいか、ライセンス認証が通らないので仕方なくUbuntuを導入。ついでだからLinux上でのブラウザ動作チェックをするのに丁度良いかと思って動かしてみたら、挙動が違う。あらためていろいろなPCで動作チェックしたところマズイことが・・・・・・

問題になったのはドラッグした際の画像の表示。
ドラッグ画像表示をスクリプトで処理していたのだけど、PCによっては勝手にドラッグ画像が表示され、結果的に2重に表示されてしまう。
制作に使用していたXPパソコンは動作速度を優先する設定([システムのプロパティ]-[詳細設定]-[パフォーマンス]-[パフォーマンスを優先する])に変更してあったので、そんな仕様に気付くのが遅れてしまったわけだ。

システムが勝手に表示するドラッグ画像が今回のカードゲームの場合は都合が悪いのだけど、消す方法がわからない。

仕方ないので、これで完成ということにしましたが、まぁ、この程度ではHTML5の学習にはなりませんねぇ・・・・・・

| | Comments (0) | TrackBack (0)

« October 2011 | Main | December 2011 »