-
小强的HTML5移动开发之路(2)——HTML5的新特性
一、画布(Canvas)画布是网页中的一块区域,可所以用JavaScript在上面绘图。下面我们来创建一个画布并在上面绘制一个坦克(后面将用HTML5做一个坦克大战游戏),代码如下:html5-坦克大战//得到画布var canvas1 = document.getElementById(tankMap);//定义一...
2015-06-02 14:49 -
小强的HTML5移动开发之路(3)——HTML5与HTML4
在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,Canvas对象你的画布,扩展图形标记,HTML5中的地理应用,独立数据存储,新的网络连接。HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容...
2015-06-02 14:49 -
小强的HTML5移动开发之路(4)——CSS2和CSS3
在上一篇中我们提到学习HTML5要具备CSS的知识,在页面设计的时候HTML5知识页面的布局与结构,要实现一个很绚丽漂亮的界面就需要借助CSS。下面我们先来回顾一下css2的基本用法,再来看看和css3的关系与区别。1、css是什么?cascading stylesheet(级联样式表),...
2015-06-02 14:48 -
小强的HTML5移动开发之路(5)——制作一个漂亮
在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识。一、视频的格式目前比较主流和使用比较的的视频格式主要有:avi...
2015-06-02 14:48 -
小强的HTML5移动开发之路(6)——Canvas图形绘
在前面提到Canvas是HTML5中一个重要特点,canvas功能非常强大,用photoshop可以实现的效果canvas也同样可以实现,下面我们用canvas实现一个坦克大战游戏。一、Canvas标签的使用可以看到Canvas就像一块画布,我们可以在这个画布上面绘制我们需要的图形。canvas...
2015-06-02 14:48 -
小强的HTML5移动开发之路(8)——坦克大战游戏2
在上一篇文章中我们已经画出了自己的坦克,并且可以控制自己的坦克移动,我们继续接着上一篇来实现我们的坦克大战游戏吧。一、将JS文件分离出来使用OO的思想,我们已经对坦克进行了封装,对画坦克也进行了封装,下面我们将这两个对象提取到外部的js文件中,文...
2015-06-02 14:48 -
小强的HTML5移动开发之路(9)——坦克大战游戏3
上一篇我们创建了敌人的坦克和自己的坦克,接下来就应该让坦克发子弹了,我们下面来看一下如何让我们的坦克发出子弹。前面我们用面向对象的思想对Tank进行了封装,又利用对象冒充实现了我们的坦克和敌人的坦克,仿照这种方式我们是不是也应该封装一个Bullet,...
2015-06-02 14:47 -
小强的HTML5移动开发之路(11)——链接,图片,
一、HTML是什么?HTML(hypertext mark-uplanguage)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音…HTML只能做静态网页二、HTML发展历史html之父-Tim Berners-Lee蒂姆伯纳斯-李(Tim Berners-Lee)1955年6月8日出生于英国...
2015-06-02 14:47 -
小强的HTML5移动开发之路(12)——从一个多媒体
一、视频播放多媒体播放效果如下:...
2015-06-02 14:47 -
小强的HTML5移动开发之路(14)——Video标签详
在前面的小强的HTML5移动开发之路(5)——制作一个漂亮的视频播放器中制作了一个非常好用的播放器,有的朋友对其中的原理还不是很了解,这一篇文章将在前一篇的基础上深入剖析标签的使用。一、使用技巧在html5中可以使用或者标签播放html5媒体,使用方式如下...
2015-06-02 14:46

- 小强的HTML5移动开发之路(1)——
- 小强的HTML5移动开发之路(5)—
- HTML5中的FORM2.0
- 小强的HTML5移动开发之路(2)——
- html5 Canvas画图教程24:测量文字
- html5实例解析:开发web app的过程_
- html5 canvas 使用示例
- personalbusinessmodelcanvas.it在
- suyanxinsheng的课程
