浅谈html5在网页游戏中的运用

2016-03-30梁卓韬安徽省汽车工业学校安徽合肥231131

电子制作 2016年8期

梁卓韬安徽省汽车工业学校安徽合肥 231131

浅谈html5在网页游戏中的运用

梁卓韬安徽省汽车工业学校安徽合肥 231131

【文章摘要】

互联网的随处可见和移动设备接入互联网数量的逐渐增加，使得人们使用互联网的方式产生巨大的变化。为适应新环境下的Web变化，全新网页核心技术的html5进入了我们的生活。作为新型互联网编程语言，html5具备全新特性，浏览器流畅支持、新增设计标签和明朗的代码设计等特征，可利用其方便的纯脚本编辑器设计开发简单的网页游戏。

【关键词】

0　引言

HTML 5是用网页设计的超文本语言，是如今网页领域中的新贵，代表了Web业务和云业务在实现方式上的改变。作为互联网的下一代标准，体现互联网浏览和设计的新型语言，成为互联网的核心技术。HTML 在1990年设计开发，至1997年出现统一的标准html4，为适应全新的浏览和移动设备的运用，出现了适应多环境下的HTML5语言，但目前尚未正式发布，处于小范围的试用开发阶段。HTML5是指HTML、CSS 和JavaScript在内的一套设计开发软件组合，通过减少浏览器中的插件安装等需求，并且提供更多集成的网络应用标准集。［2］近几年网页游戏的极速发展，向大众群体推出了掌上休闲益智游戏，多人角色扮演游戏等，使得网页游戏数量急剧增长。HTML5的推出，技术支持Web业务和移动云计算业务，可以设计开发出激动人心和多平台相互联系的交互式游戏与交互式网站。

1　html5的新增特点

HTML5将Web带入一个网络应用服务软件相互支持的应用平台，尽管HTML5还在试用阶段，但已经在悄然改变互联网。

1.1多线程：HTML5提供的多线程支持，页面脚本运行时间过长的提示框可惜消失了，具体的实现是利通过javascript里面创建一个Web Worker对象实现多线程操作，然后通过message的方式进行传值。HTML5新增加了一个Web Worker API，创建多个后台线程以供用户使用，后台线程不访问用户页面和窗口对象，但进行页面的数据交互，父子和子子线程之间的数据交互，基本代码如下：①创建线程、发出消息：var worker = new Worker（"js/work.js"）；worker.postMessage（"test"）；②接收消息：onmessage = function（event）｛var data = event.data；｝；③将信息处理后传回：onmessage = function（event）｛var data = event.data；postMessage（""）；｝④接收传回后的数据：worker.onmessage = function（event）｛var data=event.data；｝⑤关闭线程：onmessage = function（event）｛close（）；｝

1.2绘图画布：HTML5的

1.3支持多媒体：HTML5新增两个元素＜audio＞和＜video＞，其中

1.4绘制表单：表单是实现用户与页面后台交互的重要组成部分，HTML5的表单功能设计上更加有效。表单的设计和之前的一样，格式为，可以认为它是一个容器。表单中的method属性是指用于向表单处理程序action URL发送数据的HTTP方法，来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，所以速度上会比post快。

1.5地理定位：现今网络覆盖全球，在日常生活中很多人都变成了手机一族，移动网路的开通和普及使得及时交互越来越受青睐，用户对实时定位的应用越来越迫切，要求也越来越高。

1.6数据存储：HTML5允许在客户端实现较大规模的数据存储，支持DOM Storage和Web SQL Database的存储方式。DOM Storage 分为 sessionStorage 和 localStorage。localStorage 对象和sessionStorage对象的区别它们的作用范围不一样。其中sessionStorage主要用来存储页面数据，当页面关闭后无法调用，而localStorage在页面关闭后也能正常调用。由于现行标准还未规范，对于大量结构话的数据存储不太快捷，还存在一些问题。