canvas学习，利用业余时间写了个小游戏，俄罗斯方块

利用业余时间写了个小游戏，俄罗斯方块，在chrome浏览器下运行流畅，没有过多的美化，也没有做性能调优。

 

试玩地址：http://caytetris.sinaapp.com/

 

使用了HTML5 CSS3的特性，canvas是自己第一次使用，绘图速度很快。在这里，只有积木是使用的canvas绘制的，背景和界面UI都是用的普通html。对性能影响最大部分是算法。图形绘制在chrome20和firefox9下，没有察觉到明显的性能差别，在绘制像素不复杂的图形时，保持50fps，没有察觉到任何性能变化。不知道在大型游戏开发中，绘制像素要求高的图形性能怎么样。

 

由于在设计之初没有考虑性能，所以，就是想到哪写到哪，在firefox9下运行，不尽人意。但是，我自己的目的达到了，了解canvas及其html5的特性，目标达成。

 

预览图

 

 

原创文章，转载请注明出处http://zhangdaiping.iteye.com