基于HTML5的棋盘游戏开发,基于HTML5的网页围棋游戏的开发

0引言从2008年1月22日,第一份HTML5草案公布后,HTML5作为一种下一代web标准的趋势,受到人们的广泛关注,各大浏览器厂商开始纷纷支持HTML5,目前,大多数的浏览器,如chrome、firefox、opera、safari等已经在不同程度的支持HTML5的新特性,W3C(万维网联盟)也在致力于HTML5规范的制定,使其功能不断完善,性能不断改进和提升。2012年12月17日,W3C正式宣布HTML5规范正式定稿,标志着HTML5成为web网络平台的奠基石,2013年5月6日,HTML5.1正式草案公布,在这个版本中,又推出了新的功能,以提高新元素的互操作性。随着HTML5标准的不断成熟,旧的标准必将被取代,而新标准的发展也将进一步增强网页的表现形式,使浏览器成为一种更加通用的平台。1HTML5新特性1.1对视频和音频的支持HTML5增加了对视频和音频的支持,将它们作为正式的标准内置到浏览器中,而不需要使用第三方插件,就可以实现视频的播放。HTML5提供了一系列相关的JavaScriptAPI来控制视频

的播放,并可以和其他的元素相结合,创建出定制的视频界面和更具交互能力的应用。在HTML5之前,网页丰富的动态界面和交互元素都要依赖Adobe的Flash或微软的Silverlight或Oracle的JavaFX等插件来实现。这些插件的应用,虽然可以实现丰富的动态效果,但是作为非标准的第三方应用,其不稳定性和安全隐患,使其在HTML5出现后失去了以往的优势,尤其随着移动智能设备的普及,flash的劣势更加显现出来,因为flash插件在移动设备上对视频的解码只能采用软件解码,对于电量非常珍贵的移动设备而言,这种解码方式对电量的消耗是非常严重的。这些安全、性能上的缺陷使HTML5在未来的发展中有可能替代插件,成为富互联网应用的主流。目前,HTML5提供的video标签支持Ogg、MPEG4和WebM三种视频格式,而audio标签支持OggVorbis、MP3和Wav三种音频格式,由于各大浏览器厂商的竞争问题,不同的浏览器所支持的视频音频格式也有所不同,随着标准的不断完善和各大厂商的协调,这些格式的不统一问题有可能会在未来得到解决。1.2画布元素HTML5添加了新的标记Canvas来实现网页绘图。画布功能,具有创建、管理和消灭像素的能力,这使HTML5有了很强的表

现力,利用它,可以用来绘制矩形,圆形等基本的图形,甚至可以绘制复杂的动画以及文本文字,并直接渲染在浏览器上。传统的显示图形或图片的方式是通过先在服务器端画好之后,再发到浏览器上,或者通过第三方插件的方式来显示,很明显,传统的方式浪费了网络资源,降低了响应效率。而Canvas是与浏览器渲染引擎紧密结合的,这大大简化了图形和网页中其他元素的交互过程。利用HTML5新增的Canvas功能还可以实现动态图表的绘制功能,使数据的展现形式更加丰富,交互能力更加强大。1.3本地存储功能之前的Web应用将客户数据存储在cookie里面,cookie提供的小容量在早期的应用当中还有相当的意义,如今的Web应用已经有了更大的需求,小存储容量的cookie已经不能满足人们的需求,而且对于cookie,每次对服务器进行请求时会将其内容随着请求一块发送到服务器,这就浪费了网络资源,降低了网络传输效率,尤其对于移动设备来讲,的确会给用户带来不良的体验。HTML5的WebStorage提供了更大的存储空间,可以达到5M-10M的存储容量。人们可以利用StorageAPI将想要保存的数据以键值对形式存储到本地,然