摘要：
离线的Web应用，就是在设备不能上网的时候还能运行应用。html5把离线应用作为重点，主要是开发人员的心愿。离线应用的开发的步骤有：首先应该知道设备是否能够上网;然后应该还能访问一定的资源(如图像、CSS、javascript等)，只有这样才能正常工作。 离线检测 想要开发离线Web应用第一步就得知 阅读全文
摘要：
Web Storage分为两类： - sessionStorage：数据保存在session 对象中(临时) - localStorage：数据保存在本地硬件设备中(永久) sessionStorage: 保存数据的两种方法： sessionStorage.setItem('key','val'); 阅读全文
摘要：
绘制之前的准备工作： 1.在body中加入canvas标签，设置它的id、width、height，当然也可以动态设置它的宽高。 <canvas id="mycanvas" width="1200" height="500"></canvas> 2.获得canvas对象的上下文obj.getCont 阅读全文
摘要：
是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图 ，最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。 温馨提示：以下所有实验请使用最新版的opera 顶部 基本知识 cont 阅读全文
摘要：
nternet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素，dragElement : 1、添加事件：ondragstart 2、添加属性：dragable 放置元素，dropElement: 1、添加事件：ondargente 阅读全文
摘要：
phaser.js的源码可以到它在github上的托管里去下载，游戏要用到的图片声音等素材资源请点击这里下载。Phaser的使用非常简单，只需要引入它的主文件，然后在页面中指定一个用来放置canvas的元素，然后实例化一个 Game 对象就可以了。 复制代码 <!DOCTYPE html> <htm 阅读全文
摘要：
游戏要用到的一些图片、声音等资源都需要提前加载，有时候如果资源很多，就有必要做一个资源加载进度的页面，提高用户等待的耐心。这里我们用一个state来实现它,命名为preload。 因为资源加载进度条需要一个进度条的背景图片，所以在制作这个state前，我们还需要另一个最基础的state,用来加载那张 阅读全文