HTML5
HTML5边玩边学（10）：俄罗斯方块就是这么简单 之 控制界面篇（源码）
摘要: 这一次在上一篇程序的基础上增加了以下交互控制功能：1、键盘控制；2、开始、暂停；3、消除时候空行的停顿效果；4、随着消除行数的增多，速度加快；5、音效等等。可以看出，在数据模型抽象好的基础上，完成控制和图形接口是非常方便的。
阅读全文
posted @
2010-10-18 18:31 左洸 阅读(2988) |
评论 (9) 编辑
HTML5边玩边学（9）：俄罗斯方块就是这么简单 之 数据模型篇
摘要: 要写一个俄罗斯方块小游戏，我们先来一块考虑一下下面几个问题：....... 如果你对上面几个问题思考，每一个答案都和界面、控件、平台有关的话，就是说假如你是用 .Net 的，你的每一个答案都是围绕着如何利用控件、如何使用窗体、在控件的哪个事件里面改变哪个属性等等，那么说明你被微软的 RAD 开发环境毒害的不浅，我建议你立刻扔掉 Visual Studio，改用其他轻量级的编程语言和开发平台，这样你可以更多的关注问题的本身，而不是控件。
阅读全文
posted @
2010-10-17 23:21 左洸 阅读(3201) |
评论 (5) 编辑
HTML5边玩边学（7）：动画初步 之 飞舞的精灵
摘要: 一、为什么选择 HTML5 HTML5 边玩边学算上这篇已经是第七篇了，在这篇开始之前，我想先说明一下为什么叫“HTML5” 边玩边学，因为有人对 HTML5 提出质疑，毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了，如果看过边玩边学系列的每一篇，你会发现前六篇文
阅读全文
posted @
2010-10-08 00:14 左洸 阅读(2511) |
评论 (1) 编辑
HTML5边玩边学（6）：汽车人，变形......
摘要: 这一篇主要学习 HTML5 图像的变形操作以及变形相关的图形学基本概念，并给出了一个可以对美女图像进行基准点移动、基准点缩放和基准点旋转的小例子。后面学习了图像的组合和裁剪，也给出了一个小例子。
阅读全文
posted @
2010-10-05 12:34 左洸 阅读(2844) |
评论 (4) 编辑
HTML5边玩边学（5）：图像、图案和字体
摘要: 通过对一幅美女图片的处理，向您展示 HTML5 的强大图像处理功能...
阅读全文
posted @
2010-10-04 16:45 左洸 阅读(2880) |
评论 (0) 编辑
HTML5边玩边学（4）：变幻的色彩
摘要: 渐变色 Gradients：上下文对象有两个方法可以创建一个叫做 canvasGradient 的对象，并用它设置 fillStyle 或 strokeStyle 属性，绘制出来的图形就有渐变效果了
阅读全文
posted @
2010-10-03 20:11 左洸 阅读(2203) |
评论 (0) 编辑
HTML5边玩边学（3）：像素和颜色
摘要: 我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位
阅读全文
posted @
2010-09-18 23:00 左洸 阅读(2369) |
评论 (1) 编辑
HTML5边玩边学（2）：基础绘图
摘要: 在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。
阅读全文
posted @
2010-09-18 11:32 左洸 阅读(2596) |
评论 (6) 编辑
HTML5边玩边学（1）：画布
摘要: Html5 引入了一个新的 canvas 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢?
阅读全文
posted @
2010-09-17 23:45 左洸 阅读(2909) |
评论 (2) 编辑