使用CSS3检查磁贴匹配游戏

时间:2011-09-07 16:12:26

标签: html5 css3 webkit

正在使用HTML5和CSS3开发游戏。

我有一堆div在挂起事件时附加了CSS3动画。游戏是瓷砖/汽车游戏的基本匹配。这只是-webkit-因此在Chrome中运行得最好。

以下是预览:http://tinyurl.com/3ry2bgn

我想附加游戏逻辑,但我很难接受采取的方法。

我可以将其他ID附加到DIV并使用JavaScript来检查吗?

如何在onClick事件上制作动画动画?或者更好的iPad上的点击活动?

谢谢!

1 个答案:

答案 0 :(得分:2)

要通过Javascript控制CSS3动画,通常最好的做法是将动画样式放在一个类中,然后在onClick事件处理程序中添加该类。

您可以使用动画事件来检测动画的结束并删除该类,以便动画在后续事件中重新启动,或者您可以检查每个onClick事件(如果已经添加了该类),然后如果它有,在阅读之前删除它。

虽然您使用的是基于Webkit的浏览器,Mozilla Developer Reference CSS Animations Page仍然是一个很好的参考 - 只需用-webkit-替换-moz-供应商前缀; - )