Canvas学习,利用业余时间写了个小游戏,俄罗斯方块
2013-05-02 18:29
218 查看
利用业余时间写了个小游戏,俄罗斯方块,在chrome浏览器下运行流畅,没有过多的美化,也没有做性能调优。
试玩地址:http://caytetris.sinaapp.com/
使用了HTML5 CSS3的特性,canvas是自己第一次使用,绘图速度很快。在这里,只有积木是使用的canvas绘制的,背景和界面UI都是用的普通html。对性能影响最大部分是算法。图形绘制在chrome20和firefox9下,没有察觉到明显的性能差别,在绘制像素不复杂的图形时,保持50fps,没有察觉到任何性能变化。不知道在大型游戏开发中,绘制像素要求高的图形性能怎么样。
由于在设计之初没有考虑性能,所以,就是想到哪写到哪,在firefox9下运行,不尽人意。但是,我自己的目的达到了,了解canvas及其html5的特性,目标达成。
预览图
试玩地址:http://caytetris.sinaapp.com/
使用了HTML5 CSS3的特性,canvas是自己第一次使用,绘图速度很快。在这里,只有积木是使用的canvas绘制的,背景和界面UI都是用的普通html。对性能影响最大部分是算法。图形绘制在chrome20和firefox9下,没有察觉到明显的性能差别,在绘制像素不复杂的图形时,保持50fps,没有察觉到任何性能变化。不知道在大型游戏开发中,绘制像素要求高的图形性能怎么样。
由于在设计之初没有考虑性能,所以,就是想到哪写到哪,在firefox9下运行,不尽人意。但是,我自己的目的达到了,了解canvas及其html5的特性,目标达成。
预览图
相关文章推荐
- 最近学习到H5的canvas,一时兴起写了个经典的“贪吃蛇”小游戏
- qml学习--------------利用Canvas绘制图片
- html5学习笔记二:利用canvas绘制简单图形
- qml学习--------------利用Canvas绘制简单图形
- 【JS】js学习笔记之用canvas制作打砖块小游戏(未完成)
- 俄罗斯方块,我的java学习之路,小游戏
- cocos2d-x【小菜在学习】做个小游戏俄罗斯方块(一)
- 利用HTML5 <canvas>实现2048小游戏
- cocos2d-x【小菜在学习】做个小游戏俄罗斯方块(三)
- qml学习---------------利用Canvas绘制文本
- cocos2d-x【小菜在学习】做个小游戏俄罗斯方块(二)
- Android绘图,Canvas学习笔记
- 利用html5 canvas破解简单验证码及getImageData接口应用
- Android学习——利用JDBC连接服务器数据库
- TinyOS学习笔记13-节点与计算机利用串口通信3-MIG分析
- Apache Spark学习:利用Scala语言开发Spark应用程序
- canvas学习笔记
- HTML5利用Canvas绘制图形(绘制渐变、模式、变换)
- 【DButils学习之】利用ResultSetHandler各实现类来处理查询结果