取代Flash的HTML5技术（ H5 编写游戏的优点）

什么是Flash

Flash 是由 Adobe 公司开发的一种富媒体技术，起初是一种放置在浏览器中的插件，填补了当时 HTML 页面平淡的空白，增强了网页交互的能力。你可以在 Flash 中做出任何东西，也可以访问本地电脑中的东西。后来，Adobe 公司退出了播放器，在电脑上不打开浏览器，也可以观看或者游戏 Flash 程序员编写出来的产品。乃至今日，依然有大量应用于 Flash 的富媒体应用，比如视频的播放，比如独立的小游戏，比如网页游戏，甚至桌面应用，都是使用 Flash 开发的。

虽然 Flash 拥有大量优点，并在当时弥补了网页端的很多不足，但是 Flash 的缺点也是很明显的。

Flash的浏览器插件的运行效率并不高，而且访问电脑资源也很不方便，导致很多程序员在开发的过程中出现许多的问题，就算成功发布了一款 Flash 应用，浏览器也会被 Flash 插件拖得很慢，电脑会因此变得很卡，所以 H5 技术出现后，很多人就开始转投到 H5。

另一方面，由于 Flash 技术掌握在 Adobe 公司下，一家独大，所以从商业角度讲，很多大公司就开始从 Flash 中抽取内容并制定公有的 Flash 规范，到了后面就添加到了 H5 规范下，成为大家都能掌握的规范。

谷歌苹果等大公司都不支持 Flash 应用，所以在大公司的压力下以及现在 H5 的流行，Adobe 公司决定在 2020 年终止 Flash 技术的提供。

H5 技术是什么？

H5 大量应用在手机端的网页上面，但这并不等于“H5 等于手机网页”，因为普通的 HTML 页面也可以适配手机端屏幕。H5 全称是 HTML5，HTML 是超文本标记语言的首字母缩写。而 HTML4.01 的标准在 1999 年年底发布。HTML5 的草案，前身是网络应用 1.0（Web Application），而 HTML5 的第一份草案于 2008 年 1 月月份公布，定稿是在 2012 年的年底。

在 H5 标准出现后，各大浏览器纷纷开始支持 H5，比如火狐、谷歌的 Chrome、IE9、苹果的 Safari，Opera 等等。事实上，H5 技术很大程度上是为了移动平台所设计，能在移动平台支持多媒体，但是，H5 技术并不等同于移动平台网页，我们在很多的 PC 端的网页也能看到 HTML5 的技术。

H5 技术的新特性

在语法方面，HTML5 的语法给了网页编写程序员拥有更好的语法结构以及更加丰富的标签。比如，video 标签就可以直接在 H5 页面中嵌入播放器。H5 也支持更多的设备兼容，比如可以支持摄像头，支持麦克风（移动端的或者电脑端的都可以）。

H5 也支持本地存储的功能，我们可以使用 H5 技术来开发网页 app，这些都来自本地存储的缓存技术，所以 H5 网页的载入速度会比传统网页更加迅速和便捷，连接也变得更快。H5 支持多媒体这是必然的，包括音频、视频、摄像头等功能，事实上使用 H5 技术的多媒体技术已经完全可以取代 Flash 技术了。

在编程方面，以前我们需要跨域的技术，在 H5 中，可以使用 XMLHttpRequest 来解决跨域问题。而且 H5 页面一经修改就能直接更新上去，基本上刷新页面就能看到效果，而如果使用 Flash 来做，需要进行编译和发布，并且替换 Flash 页面，才可以看到 Flash 应用的更新，从时间效率讲，H5 技术又是技高一筹。

另外，如果有专业的 SEO 人员，也可以很方便地通过 H5 来做 SEO 优化，做网站的索引和搜索引擎的抓取优化工作，这在 Flash 来说几乎是不可能做到的工作。

用 H5 编写游戏的优点

使用 H5 技术编写的应用和游戏，可以很方便地嵌入到苹果或者安桌的 App 中。这种方式可以免去原生开发两套 App 的麻烦，只需要编写一套类似 App 的 H5 页面，然后使用类似 WebView 的方式来嵌入到原生应用中。

由于H5 页面可以随时更改，所以现在苹果商店对于 H5 内嵌应用的审核比较严格，所以 H5 页面必须做得好，而且逻辑流程都不能有问题。虽然 H5 取代 Flash 已经毋庸置疑，但是 H5 取代原生 App 还是有很多的掣肘，比如 H5 只能编写轻量级的 App，如果需要那种画面效果特别好的 App，或者对设备进行深层次的操控，那就只有原生可以办到了，所以现在有许多的 App 开发，都选择 H5 和原生混合开发，这样会减轻一定的工作量，并且在实现其他深层次的功能的时候也能使用原生代码。

用 H5 比 Flash 编写游戏更快速，占用资源也更少，所以以前利用 Flash 技术编写的游戏，现在都改成 H5 技术编写，H5 编写的游戏仍然比不上原生编写的游戏。毕竟原生有对底层的操控能力，直接而且快速，而 H5 毕竟需要通过浏览器的解释和渲染，所以它的速度基本取决于浏览器，代码优化地再好，也无法直接穿过浏览器这一层去做事情。

所用 H5 编写的游戏，如果是在电脑端，我们可以编写大一点的网络游戏，因为电脑的资源能随心所欲地利用；而如果在手机端，H5 技术适合编写小型游戏，比如电商领域、推广平台等营销类的小游戏，再比如玩家操作不是特别复杂的游戏，比如战棋类的、益智类的、策略类的，或者静态画面比较多的游戏。这样的游戏，占用的资源不大，动态资源载入不多，移动平台也不会有太多的卡顿感，各种手机都可以适配和游戏，这样小型的 H5 游戏是比较适合移动平台的。

H5 游戏的传播能力比 Flash 更好。首先 Flash 技术需要安装一个插件才可以使用，然而 H5 游戏只需要浏览器支持即可，所以从这方面讲，只需要通过浏览器分享一个 H5 游戏到微信、QQ 等社交软件，就可以直接进行传播，而不像 Flash 那样需要安装额外的东西。所以利用 H5 技术编写的营销工具现在占领了绝对的主流。

取代Flash的HTML5技术（ H5 编写游戏的优点）相关推荐

浅谈 Flash/Flex/HTML5 技术选型
在HTML5发布以前,RIA领域的技术解决方案一直相都是各展所长,并无争议.Adobe体系中,Flash做不了的事情,Flex可以做到:.Net系决策者在选用RIA解决方案时,Silverlight是 ...
Flash和HTML5那点事：后者拿什么取代Flash?
感谢匿名人士的投递新闻来源:so雷so昏最近关于HTML5 吵得火热,很多人认为HTML5出现会秒杀Flash,以至于在各大web前端开发论坛吵得不可开交.论坛里三言两语说的不够尽兴,只好在自 ...
Flash和HTML5那点事
前言最近关于HTML5 吵得火热,很多人认为HTML5出现会秒杀Flash,以至于在各大web前端开发论坛吵得不可开交.论坛里三言两语说的不够尽兴,只好在自己一亩三分地里敞开了说说.也当一次神棍,展 ...
基于html的策略类游戏开发,基于HTML5的即时战略游戏的设计与实现
摘要: 随着近年Html5技术的逐渐兴起,Web技术变得越来越强大,能做的事情也越来越多.以前Web技术主要运用在建设网站等方面,现在随着Canvas和WebGL技术的出现,越来越多的开发者开始运用H ...
html实现音乐界面设计,基于HTML5技术的音乐播放器的设计与实现.doc
基于HTML5技术的音乐播放器的设计与实现基于HTML5技术的音乐播放器的设计与实现常志强刘正余杨劲楠皖西学院电子与信息工程学院 X 关注成功! 加关注后您将方便地在我的关注中得到本文献的 ...
web html5音乐播放器设计与实现,基于HTML5技术的音乐播放器的设计与实现
Vol.33No.11Nov.2017 赤峰学院学报(自然科学版) Journal of Chifeng University (Natural Science Edition )第33卷第11期(下 ...
基于html的音乐播放设计,基于HTML5技术的音乐播放器的设计与实现
Vol.33No.11 Nov.2017 赤峰学院学报(自然科学版) JournalofChifengUniversity(NaturalScienceEdition) 第 33 卷第11 期(下) ...
html音乐播放器论文,基于HTML5技术的音乐播放器的设计与实现.docx
基于HTML5技术的音乐播放器的设计与实现常志强刘正余杨劲楠皖西学院电子与信息工程学院摘要: 本文采用IITML5技术,设计了一款音乐播放器,可以实现在线播放音乐,也可以加载终端里存储的音乐 ...
H5小游戏和小游戏之间存在什么技术差别？
近几年"跳一跳"."羊了个羊"微信小游戏上线仅仅4年时间,除过产生不少爆火上热搜的小游戏之外,还涌现了许多像是"口袋奇兵"."动物 ...

取代Flash的HTML5技术（ H5 编写游戏的优点）

取代Flash的HTML5技术（ H5 编写游戏的优点）相关推荐

最新文章

热门文章