html5学习之小强
bulebirds
开发
展开
-
小强的HTML5移动开发之路(3)——HTML5与HTML4比较
在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,Canvas对象你的画布,扩展图形标记,HTML5中的地理应用,独立数据存储,新的网络连接。HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化转载 2014-04-15 10:14:24 · 718 阅读 · 0 评论 -
小强的HTML5移动开发之路(1)——HTML介绍
HTML是HyperText Markup Language(超文本标记语言)的缩写,是构成所有所有网页基本结构的文本及标签组合。一、目前市场上流行的浏览器IE/Chrome/firefox/opera其中Chrome/firefox/opera以及IE 9/10都能很好的兼容html5二、HTML标签html标签都以“"括号结束转载 2014-04-15 10:17:09 · 716 阅读 · 0 评论 -
小强的HTML5移动开发之路(6)——Canvas图形绘制基础
在前面提到Canvas是HTML5中一个重要特点,canvas功能非常强大,用photoshop可以实现的效果canvas也同样可以实现,下面我们用canvas实现基本图形的绘制。一、Canvas标签的使用> html> head> meta charset="utf-8"> head> body转载 2014-04-15 10:20:38 · 701 阅读 · 0 评论 -
小强的HTML5移动开发之路(7)——坦克大战游戏1
上一篇中我们介绍了关于Canvas的基础知识,用Canvas绘制各种图形和图片,在上一篇的基础上我们来做一个基于HTML5的坦克大战游戏,下面我们开始吧一、用Canvas画出我们的坦克我们设计的坦克结构如下图所示,如果有的朋友有更好的设计,希望分享和交流一下。如上图所示,我们的坦克基本上是由三个矩形和一个圆形一个线段组成,每个部件的尺寸进行了标记,单位为px,下转载 2014-04-15 10:21:44 · 914 阅读 · 0 评论 -
小强的HTML5移动开发之路(9)——坦克大战游戏3
上一篇我们创建了敌人的坦克和自己的坦克,接下来就应该让坦克发子弹了,我们下面来看一下如何让我们的坦克发出子弹。前面我们用面向对象的思想对Tank进行了封装,又利用对象冒充实现了我们的坦克和敌人的坦克,仿照这种方式我们是不是也应该封装一个Bullet,答案是肯定的。好吧,那么我们再想想这个Bullet"类“都应该封装什么东西呢?位置应该有吧、子弹飞行的方向应该有吧、飞行的速度也应该有吧、自己转载 2014-04-15 10:46:57 · 886 阅读 · 0 评论 -
小强的HTML5移动开发之路(4)——CSS2和CSS3
在上一篇中我们提到学习HTML5要具备CSS的知识,在页面设计的时候HTML5知识页面的布局与结构,要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本用法,再来看看和css3的关系与区别。1、css是什么?cascading stylesheet(级联样式表),为网页提供表现形式。按照w3c规范,设计一个网页,应该将网页的数据与结构写在html文件里,网转载 2014-04-15 10:18:57 · 778 阅读 · 0 评论 -
小强的HTML5移动开发之路(2)——HTML5的新特性
一、画布(Canvas)画布是网页中的一块区域,可所以用JavaScript在上面绘图。下面我们来创建一个画布并在上面绘制一个坦克(后面将用HTML5做一个坦克大战游戏),代码如下:> html> head> meta charset="utf-8"/> head> body> h1>html5-坦克大战h1> ca转载 2014-04-15 10:16:03 · 647 阅读 · 0 评论 -
小强的HTML5移动开发之路(8)——坦克大战游戏2
在上一篇文章中我们已经画出了自己的坦克,并且可以控制自己的坦克移动,我们继续接着上一篇来实现我们的坦克大战游戏吧。一、将JS文件分离出来使用OO的思想,我们已经对坦克进行了封装,对画坦克也进行了封装,下面我们将这两个对象提取到外部的js文件中,文件内容如下://定义一个Hero类(后面还要改进) //x表示坦克的横坐标 //y表示纵坐标 /转载 2014-04-15 10:25:09 · 687 阅读 · 0 评论