![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5学习
小侯军
这个作者很懒,什么都没留下…
展开
-
HTML5边玩边学(8):俄罗斯方块就是这么简单 之 数据模型篇
HTML5边玩边学(9):俄罗斯方块就是这么简单 之 数据模型篇特别提示:本文中的运行效果需要 Chrome 浏览器或者 Firefox 浏览器。 一、从数据出发还是从界面出发要写一个俄罗斯方块小游戏,我们先来一块考虑一下下面几个问题:1、用什么表示方块2、怎么设置或者改变方块的颜色3、怎么移动方块4、怎么消除方块请考虑一分钟后再继续向下看。转载 2014-08-14 17:09:37 · 5209 阅读 · 0 评论 -
HTML5边玩边学(1):画布
一、标签Html5 引入了一个新的 标签,这个标签所代表的区域就好象一块画布,你的所有图形绘制最后都要在这块画布上呈现。有了这个标签,浏览器的图形表现力被极大的提升,Flash 和 SilverLight 有没有感到威胁呢?新闻链接:Google声称Chrome7浏览器将提速60倍标签的用法非常简单,如下:canvas id="tutorial" width="150" he转载 2014-08-14 16:55:19 · 497 阅读 · 0 评论 -
HTML5边玩边学(5):图像、图案和字体 一、创建图像对象
HTML5边玩边学(5):图像、图案和字体一、创建图像对象在 HTML5 中,Image 对象对应着一幅图片,想要获取一个图像对象,有以下几种方法:1) 通过 document.images 集合、document.getElementsByTagName 方法或者document.getElementById 方法来获取网页内已经存在的图片对象;2) 用转载 2014-08-14 17:00:58 · 711 阅读 · 0 评论 -
HTML5边玩边学(2):基础绘图
HTML5边玩边学(2):基础绘图在前一篇博客中,我们测试了 canvas 标签的用法,并得到了 canvas 标签的渲染上下文对象, 但是并没有用它绘制任何图形。在这一篇中,我们先了解一下HTML5绘图的一些基础概念,然后再来画几个图形玩玩。一、坐标系其实只要玩过一点点图形编程的人都知道,电脑上的坐标系和数学上的坐标系稍微有点不同,坐标的原点在绘制区域(这里是Canv转载 2014-08-14 16:57:53 · 531 阅读 · 0 评论 -
HTML5边玩边学(4):变幻的色彩
HTML5边玩边学(4):变幻的色彩 在上一节HTML5边玩边学(3):像素和颜色中我们讲了颜色和像素是怎么回事,其实大多数情况下,我们用不到像素级别的操作,我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学(2):基础绘图中,我们提到过有两个上下文属性可以用来设置颜色:strokeStyle 决定了你当前要绘制的线条的颜色fillSt转载 2014-08-14 16:59:46 · 564 阅读 · 0 评论 -
HTML5边玩边学(6):汽车人,变形......
HTML5边玩边学(6):汽车人,变形......一、状态及其保存和恢复在这一节开始之前,我们要先理解一下什么是状态以及状态的保存和恢复。玩过 MFC 编程的人经常能碰到这样的代码:pOldPen=pDC->SelectObject(pNewPen)我们在选择一个新画笔对象的同时,总是要保存住旧画笔对象,为什么要这样做呢?因为新画笔对象只是临时用一下,等用完了,我们转载 2014-08-14 17:03:14 · 606 阅读 · 0 评论 -
HTML5边玩边学(3):像素和颜色
一、理解颜色我们在电脑屏幕上可以看到色彩斑斓的图像,其实这些图像都是由一个个像素点组成的。那么像素是什么?颜色又是什么呢?(如果您提出这两个问题,您一定是个热爱思考的人)一个像素其实对应着内存中的一组连续的二进制位,由于是二进制位,每个位上的取值当然只能是 0 或者 1 了!这样,这组连续的二进制位就可以由 0 ,1 排列组合出很多种情况,而每一种排列组合就决定了这个像素的一种颜色。先看看下面转载 2014-08-14 16:59:40 · 445 阅读 · 0 评论 -
HTML5边玩边学(7):动画初步 之 飞舞的精灵
HTML5边玩边学(7):动画初步 之 飞舞的精灵一、为什么选择 HTML5HTML5 边玩边学算上这篇已经是第七篇了,在这篇开始之前,我想先说明一下为什么叫“HTML5” 边玩边学,因为有人对 HTML5 提出质疑,毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了,如果看过边玩边学系列的每一篇,你会发现前六篇文章内容的和 HTML5 关系不是太大,真正的内容转载 2014-08-14 17:05:07 · 622 阅读 · 0 评论 -
HTML5边玩边学(9):俄罗斯方块就是这么简单 之 控制界面篇(源码)
HTML5边玩边学(9):俄罗斯方块就是这么简单 之 控制界面篇(源码)本来想写几句的,但是看到前面一篇的反映不是很理想,所以也没动力了,原计划下面还想写个“贪吃蛇”的,看看再说吧,直接上源代码。这一次在上一篇程序的基础上增加了以下功能:1、键盘控制2、开始、暂停3、消除时候空行的停顿效果4、随着消除行数的增多,速度加快5、音效等等。代码里的注释转载 2014-08-14 17:11:44 · 981 阅读 · 0 评论