Cocos Creator游戏开发实战》 ——2.3 HTML5基本介绍和项目导出

网友投稿 1231 2022-05-30

2.3 HTML5基本介绍和项目导出

Cocos Creator支持Web平台的游戏项目的导出,Android平台和iOS的打包和导出都是需要配置环境的,而Web,也就是HTML5平台与之前介绍的两个原生平台稍有不同,Cocos Creator直接支持Web项目的导出,所以本节的题目和前两节相比稍有不同,本节主要介绍HTML5平台,并介绍它的导出方式。

2.3.1 HTML5简介

HTML5是继1999年HTML 4.01发布以后的一个新标准,包括一些新的标签,如:canvas和video等,这些可以替代之前的第三方插件的实现。因为这些新的功能,HTML5受到广泛关注,直到2008年HTML5 的第一份正式草案正式公布。

目前HTML5仍然处于不断完善阶段,但是已经得到很多主流浏览器的支持,包括Firefox、IE 9、Chrome、Safari等。HTML5的标志如图2-6所示。

究竟是什么原因使得HTML5如此受欢迎呢?这就要从HTML5的特点说起。总体来说,HTML5不仅提升了网页的表现性能,还将之前HTML需要添加第三方插件的多媒体功能通过标签添加到HTML5的功能中,对于游戏的开发,HTML5添加了canvas画布标签。

HTML5的具体特点如下。

(1)全新的结构内容元素

《Cocos Creator游戏开发实战》 ——2.3 HTML5基本介绍和项目导出

在HTML5之前,无论网页的内容多么复杂,都必须采用div和span这样的文档概念设计文档结构,HTML5提供了许多新的元素,解决结构内容元素单一的问题,新加入了页眉元素(header)、分组元素(hgroup)、页脚元素(footer)、导航菜单元素(nav)、文章元素(article)和引文元素(aside)等结构元素,图像代码元素(figure)、标题元素(figcaption)、引用元素(mark)和时间元素(time)等内容元素。这些全新的结构内容元素会使得网页开发更加便捷。

(2)全新的表单设计

在处理表单时,开发人员经常对表单验证和安全检察的复杂性深有感触,这是由于表单的空间较少,验证表单和实现智能必须采用javaScript。HTML5改变了这种情况,不仅支持浏览器验证的验证方式,还可以通过input组件的type类型来控制组件的类型,同时,表单还有其他许多的输入类型、属性和特性。

(3)HTML5的媒体工程非常强大易用

在HTML5标准中,开发人员不需要依赖专用的技术就能够创建这些媒体内容,也不需要使用外部插件,这些元素都具有开放的JavaScript API,可以简化对媒体元素的控制,这也是HTML5的核心目标。

在媒体控制的元素中包括音频播放元素(audio)、视频播放元素(video)和对网页游戏开发有跨时代意义的图形绘制画布元素(canvas)。canvas元素不仅简单易用,而且通过JavaScript API和一些创新运用,canvas本身可以成为一个能够创建动态图形和交互体验的强大工具。

HTML5的优势如下。

1)提高可用性和改进用户的友好体验。

2)可以给网站带来更多的多媒体元素。

3)对网站的抓取和索引友好。

4)适用于移动应用程序和游戏。

5)对开发者来说更易用。

HTML5的性能让它的前景很美好,但是标准在定义的过程中也会出现这样那样的问题,也会出现对部分标准的分歧,尽管如此,未来HTML5无论在移动平台还是在网页开发中都会有自己的一席之地。

javascript

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:一个牛人给JAVA初学者的建议(下篇)
下一篇:通过 Windows 10 设备连接网络摄像头
相关文章