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

举报
华章计算机 发表于 2020/02/22 19:48:55 2020/02/22
【摘要】 本节书摘来自华章计算机《Cocos Creator游戏开发实战》 —— 书中第2章,第2.3.1节,作者是满硕泉 。

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的具体特点如下。

image.png

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

在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无论在移动平台还是在网页开发中都会有自己的一席之地。


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。