随笔分类 -  HTML5

摘要：这一次在上一篇程序的基础上增加了以下交互控制功能：1、键盘控制；2、开始、暂停；3、消除时候空行的停顿效果；4、随着消除行数的增多，速度加快；5、音效等等。可以看出，在数据模型抽象好的基础上，完成控制和图形接口是非常方便的。 阅读全文

摘要：要写一个俄罗斯方块小游戏，我们先来一块考虑一下下面几个问题：...... 如果你对上面几个问题思考，每一个答案都和界面、控件、平台有关的话，就是说假如你是用 .Net 的，你的每一个答案都是围绕着如何利用控件、如何使用窗体、在控件的哪个事件里面改变哪个属性等等，那么说明你被微软的 RAD 开发环境毒害的不浅，我建议你立刻扔掉 Visual Studio，改用其他轻量级的编程语言和开发平台，这样你可以更多的关注问题的本身，而不是控件。 阅读全文

摘要：原来以为象坦克大战、超级玛丽之类的小游戏，开始画面里面的砖块字是静态图片，现在才知道原来都是动态贴图贴出来的，下面用 HTML5 的绘图功能，咱也太做一个坦克大决战的开始画面，顺便研究一下点阵字 阅读全文

摘要：一、为什么选择 HTML5 HTML5 边玩边学算上这篇已经是第七篇了，在这篇开始之前，我想先说明一下为什么叫“HTML5” 边玩边学，因为有人对 HTML5 提出质疑，毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了，如果看过边玩边学系列的每一篇，你会发现前六篇文章内容的和 HTML5 关系不是太大，真正的内容其实是 2D 图形图像编程的学习笔记。 如果我们想学... 阅读全文

摘要：这一篇主要学习 HTML5 图像的变形操作以及变形相关的图形学基本概念，并给出了一个可以对美女图像进行基准点移动、基准点缩放和基准点旋转的小例子。后面学习了图像的组合和裁剪，也给出了一个小例子。 阅读全文

摘要：通过对一幅美女图片的处理，向您展示 HTML5 的强大图像处理功能 阅读全文

摘要：渐变色 Gradients：上下文对象有两个方法可以创建一个叫做 canvasGradient 的对象，并用它设置 fillStyle 或 strokeStyle 属性，绘制出来的图形就有渐变效果了 阅读全文

摘要：我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位 阅读全文

摘要：在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下HTML5绘图的一些基础概念，然后再来画几个图形玩玩。 阅读全文

摘要：一、<canvas>标签 Html5 引入了一个新的 <canvas> 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 SilverLight 有没有感到威胁呢? 新闻链接：Google声称Chrome7浏览器将提速60倍 <canvas>标签的用法非常简单，如下：... 阅读全文