正在使用HTML5和CSS3开发游戏。
我有一堆div在挂起事件时附加了CSS3动画。游戏是瓷砖/汽车游戏的基本匹配。这只是-webkit-因此在Chrome中运行得最好。
以下是预览:http://tinyurl.com/3ry2bgn
我想附加游戏逻辑,但我很难接受采取的方法。
我可以将其他ID附加到DIV并使用JavaScript来检查吗?
如何在onClick事件上制作动画动画?或者更好的iPad上的点击活动?
谢谢!
答案 0 :(得分:2)
要通过Javascript控制CSS3动画,通常最好的做法是将动画样式放在一个类中,然后在onClick事件处理程序中添加该类。
您可以使用动画事件来检测动画的结束并删除该类,以便动画在后续事件中重新启动,或者您可以检查每个onClick事件(如果已经添加了该类),然后如果它有,在阅读之前删除它。
虽然您使用的是基于Webkit的浏览器,Mozilla Developer Reference CSS Animations Page仍然是一个很好的参考 - 只需用-webkit-替换-moz-供应商前缀; - )