HTML5边玩边学(10):俄罗斯方块就是这么简单 之 控制界面篇(源码)
摘要: 这一次在上一篇程序的基础上增加了以下交互控制功能:1、键盘控制;2、开始、暂停;3、消除时候空行的停顿效果;4、随着消除行数的增多,速度加快;5、音效等等。可以看出,在数据模型抽象好的基础上,完成控制和图形接口是非常方便的。
阅读全文
posted @
2010-10-18 18:19 左洸 阅读(2540) |
评论 (10) 编辑
HTML5边玩边学(9):俄罗斯方块就是这么简单 之 数据模型篇
摘要: 要写一个俄罗斯方块小游戏,我们先来一块考虑一下下面几个问题:...... 如果你对上面几个问题思考,每一个答案都和界面、控件、平台有关的话,就是说假如你是用 .Net 的,你的每一个答案都是围绕着如何利用控件、如何使用窗体、在控件的哪个事件里面改变哪个属性等等,那么说明你被微软的 RAD 开发环境毒害的不浅,我建议你立刻扔掉 Visual Studio,改用其他轻量级的编程语言和开发平台,这样你可以更多的关注问题的本身,而不是控件。
阅读全文
posted @
2010-10-17 22:42 左洸 阅读(2519) |
评论 (10) 编辑
HTML5边玩边学(8):砖块贴图点阵字
摘要: 原来以为象坦克大战、超级玛丽之类的小游戏,开始画面里面的砖块字是静态图片,现在才知道原来都是动态贴图贴出来的,下面用 HTML5 的绘图功能,咱也太做一个坦克大决战的开始画面,顺便研究一下点阵字
阅读全文
posted @
2010-10-11 23:17 左洸 阅读(1997) |
评论 (2) 编辑
HTML5边玩边学(6):汽车人,变形......
摘要: 这一篇主要学习 HTML5 图像的变形操作以及变形相关的图形学基本概念,并给出了一个可以对美女图像进行基准点移动、基准点缩放和基准点旋转的小例子。后面学习了图像的组合和裁剪,也给出了一个小例子。
阅读全文
posted @
2010-10-05 12:19 左洸 阅读(3385) |
评论 (6) 编辑
HTML5边玩边学(5):图像、图案和字体
摘要: 通过对一幅美女图片的处理,向您展示 HTML5 的强大图像处理功能
阅读全文
posted @
2010-10-04 16:34 左洸 阅读(2785) |
评论 (7) 编辑
HTML5边玩边学(4):变幻的色彩
摘要: 渐变色 Gradients:上下文对象有两个方法可以创建一个叫做 canvasGradient 的对象,并用它设置 fillStyle 或 strokeStyle 属性,绘制出来的图形就有渐变效果了
阅读全文
posted @
2010-10-03 20:08 左洸 阅读(2370) |
评论 (6) 编辑
HTML5边玩边学(3):像素和颜色
摘要: 我们在电脑屏幕上可以看到色彩斑斓的图像,其实这些图像都是由一个个像素点组成的。那么像素是什么?颜色又是什么呢?(如果您提出这两个问题,您一定是个热爱思考的人)一个像素其实对应着内存中的一组连续的二进制位
阅读全文
posted @
2010-09-18 22:40 左洸 阅读(3253) |
评论 (14) 编辑
HTML5边玩边学(2):基础绘图
摘要: 在前一篇博客中,我们测试了 canvas 标签的用法,并得到了 canvas 标签的渲染上下文对象, 但是并没有用它绘制任何图形。在这一篇中,我们先了解一下HTML5绘图的一些基础概念,然后再来画几个图形玩玩。
阅读全文
posted @
2010-09-18 10:57 左洸 阅读(3469) |
评论 (13) 编辑