Матч игры с использованием CSS3 проверки плитки

Question

Разрабатываю игру с использованием HTML5 и CSS3.

У меня есть куча div, к которым прикреплены CSS3-анимации при наведении курсора. Игра представляет собой основную игру в плитки / машины. Это только -webkit-, поэтому лучше всего работает в Chrome.

Вот предпросмотр: http://tinyurl.com/3ry2bgn

Я хочу приложить игровую логику, но не знаю, какой подход выбрать.

Могу ли я просто присоединить дополнительные идентификаторы к DIV и использовать JavaScript, чтобы просто проверить это?

Как сделать анимацию анимацией событий onClick? Или лучше на событиях крана для iPad?

Спасибо!

Answer 1

Чтобы управлять анимацией CSS3 через Javascript, обычно лучше всего поместить стиль анимации в класс, а затем добавить этот класс в обработчик события onClick.

Вы можете использовать события анимации, чтобы обнаружить конец анимации и удалить класс, чтобы анимация перезапускалась при последующих событиях, или вы можете просто проверить каждое событие onClick, если класс уже добавлен, и затем, если он имеет, удалите его, прежде чем читать.

Несмотря на то, что вы используете браузер на основе Webkit, страница справочника CSS по анимации для Mozilla по-прежнему является отличным справочным материалом - просто замените префикс -moz- vendor на -webkit-; -)