CSS3チェックタイルを使った試合

HTML5とCSS3を使ってゲームを開発中です。CSS3チェックタイルを使った試合

私は、CSS3のアニメーションがホバーイベントでアタッチされているdivをたくさん持っています。ゲームはタイル/車のゲームの基本的な一致です。これは-webkit-ですので、Chromeで最高のパフォーマンスを発揮します。 http://tinyurl.com/3ry2bgn

私はゲームロジックを添付したいが取るべきアプローチに困惑しています：ここで

はプレビューです。

DIVにIDを追加してJavaScriptだけで確認できますか？

どのようにアニメーションをアニメーションonClickイベントにすることができますか？または、iPadのタップイベントではどうですか？

ありがとうございます！

2011-09-07 Komsomol

JavaScriptを使用してCSS3アニメーションを制御するには、アニメーションスタイルをクラスに配置し、そのクラスをonClickイベントハンドラに追加するのが最も良い方法です。

アニメーションイベントを使用してアニメーションの終了を検出し、クラスを削除することで、後続のイベントでアニメーションが再開されるようにすることも、クラスがすでに追加されている場合はonClickイベントをチェックインするだけでもかまいませんそれを読む前に取り除いてください。

あなたはWebkitのベースのブラウザを使用していますが、Mozilla Developer Reference CSS Animations Pageはまだ優れたリファレンスです - ちょうど私にこのに近づいに関するいくつかのアイデアを与える-webkit- ;-)

2011-09-18 22:18:18 DirectXMan12

おかげで-moz-ベンダー接頭辞を交換します。あなたはそれを行うために、つまりアニメーション用のクラスを作成するためのリンクを持っていますか？ jQueryを使ってこれを行うと思っていますが、パフォーマンスへの影響はわかりません...ありがとう！ – Komsomol

まだ情報をお探しの場合は、http：//css3.bradshawenterprises.com/cfimg2/をお試しください。 – DirectXMan12

答えて