在正文开始之前还要??嗦一下，标题中所谓自给自足，是在没有参考任何设计思路的前提下去开发这游戏的，你可能会不解，如果参考优秀的思路，岂不是事半功倍，当然，参考与不参考都有利，我只说不参考的利，当我煞费苦心、历经数十个BUG修改，终于完成一件作品的时候，我可以很自豪地对别人说：“看，我开发的游戏！”当然，创意不是我的，但这并不影响自己那份“虚荣心”，为一款经典的游戏赋予自我的理解，并将它融入游戏中，岂不是一件有意思的事，而且，回过头来再看一看别人的思路，有时会拍案而起，“这个我当初怎么就没想到呢？”，“原来
学习html5的canvas第三天，觉得还没过瘾，转眼就忘，于是趁着有空，准备弄个小游戏来玩！游戏应该需要注意性能，还有一些逻辑需要斟酌，我想还需要用户可修改性，也就是用户配置。好，开始我们简单但有趣的旅程吧――想先看效果的，先跳转试玩一下吧！第一步，当然需要一张画布11 <canvas id="canvas" width="300" height="400">你的浏览器不支持Canvas&
1.概述 HTML5 Web Worker可以使Javascript程序在后台单线程执行大量耗时的计算任务。Web Worker在执行时不能直接访问DOM。Web Worker也会消耗CPU和系统资源。Web Worker与页面间的通信可以通过Web Worker的方法postMessage和message事件。2.浏览器支持检测123456789101112function loadDemo() { if (typeof(Worker) !== "undefined")
1.概述 Web Storage是一种在客户端存储数据的方法。比起Cookie，Web Storage更加安全，能够存储更多对象，而不仅仅是字符串；Web Storage能够存储更大的数据，而不是像只能够存储几KB数据的Cookie；Web Storage还可以减少数据在客户端与服务器间的转换，减少带宽。 Web Storage的核心是是window对象的两个子对象sessionStorage和localStorage。数据以键值对的形式通过这两个对象存储，这两个对象都实现了storage接口，拥
1.浏览器支持性检测123456if(window.applicationCache) { // this browser supports offline applications }2.在线、离线的状态检测和事件123456789101112131415161718192021// When the page loads, set the status to online or offline function loadDemo() { if (navigator.
1.navigator.geolocation HTML5中的地理位置相关的主要对象是navigator.geolocation，它有一些方法和属性，检测浏览器对HTML5地理位置的支持性也就是检测该对象。2.getCurrentPosition、watchPosition和clearWatch方法 这是geolocation的两个核心方法。第一个方法只获取地理位置信息，后一个方法以一定时间间隔获取地理位置信息，它们的参数相同，但返回值不同，后者返回一个watchId，将watchId作为参数传递
1.概述 XMLHttpRequest Level 2是对XMLHttpRequest增强，具有cross-origin支持性。2.浏览器支持性检测123456789101112if (typeof xhr.withCredentials === undefined) { document.getElementById("support").innerHTML =
Progress 元素是 HTML5 标准草案中新增的元素之一，W3C 关于此元素的定义请猛击这里。默认情况下，Progress 会生成一个和系统默认样式一样的进度条。Webkit 中对于 Progress 的默认样式定义在这里可以找到。在 Windows 7 和 MaxOS Lion 中的显示效果如下：看起来貌似还不错，但是如果运行在 Windows XP 下呢？想一下就够头疼了，何况出于一致性的考虑，很多情况下我们还是想能够控制这个进度条的样式。查看了 Webkit 项目中关于 Element Pro