html5基础模板的实例代码分享<!doctype html><!-- simplified doctype works for all previous versions of HTML as well -->&l...
width="750">一、canvas>标签Html5 引入了一个新的 标签，这个标签所代表的区域就好象一块画布，你的所有图形绘制最后都要在这块画布上呈现。有了这个标签，浏览器的图形表现力被极大的提升，Flash 和 Sil...
在前一篇博客中，我们测试了 canvas 标签的用法，并得到了 canvas 标签的渲染上下文对象， 但是并没有用它绘制任何图形。在这一篇中，我们先了解一下html5绘图的一些基础概念，然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图...
一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像，其实这些图像都是由一个个像素点组成的。那么像素是什么？颜色又是什么呢？（如果您提出这两个问题，您一定是个热爱思考的人）一个像素其实对应着内存中的一组连续的二进制位，由于是二进制位，每个位上...
在上一节中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学（二）-基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：strokeStyle ...
一、状态及其保存和恢复在这一节开始之前，我们要先理解一下什么是状态以及状态的保存和恢复。玩过 MFC 编程的人经常能碰到这样的代码：pOldPen=pDC->SelectObject(pNewPen)我们在选择一个新画笔对象的同时，总...
一、为什么选择 html5HTML5 边玩边学算上这篇已经是第七篇了，在这篇开始之前，我想先说明一下为什么叫“HTML5” 边玩边学，因为有人对 HTML5 提出质疑，毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了，如果看过边玩...
原来以为象坦克大战、超级玛丽之类的小游戏，开始画面里面的砖块字是静态图片，现在才知道原来都是动态贴图贴出来的，下面用 html5 的绘图功能，咱也太做一个坦克大决战的开始画面，顺便研究一下点阵字。一、点阵字贴图实际上和点阵字没有多大区别，唯...
一、从数据出发还是从界面出发要写一个俄罗斯方块小游戏，我们先来一块考虑一下下面几个问题：1、用什么表示方块2、怎么设置或者改变方块的颜色3、怎么移动方块立即学习“前端免费学习笔记（深入）”；4、怎么消除方块请考虑一分钟后再继续向下看。。。。...
本来想写几句的，但是看到前面一篇的反映不是很理想，所以也没动力了，原计划下面还想写个“贪吃蛇”的，看看再说吧，直接上源代码。这一次在上一篇程序的基础上增加了以下功能：1、键盘控制2、开始、暂停3、消除时候空行的停顿效果立即学习“前端免费学习...
