HTML5/js与flash-like的比较答案

【问题标题】：Comparison between HTML5/js and flash-likeHTML5/js与flash-like的比较
【发布时间】：2014-06-25 01:30:37
【问题描述】：

html5/js 框架现在可以很容易地用于制作应用程序和游戏http://html5games.com/，甚至主要的在线游戏网站也开始使用它http://www.kongregate.com/html5-games。

我的问题是：在可预见的未来，html5/js 的开发是否会着眼于游戏开发？我的意思是，开发团队是否正在考虑这个问题？目前html5是否提供了与flash等长日期标准相媲美的支持、兼容性、可移植性和工具？

我并不是在寻找开发交互式网站、浏览器游戏或动画的最佳方式；我对 HTML/javascript 在游戏和动画开发中的可用性感兴趣，因为我更喜欢它而不是 flash。

【问题讨论】：

标签： javascript html flash

【解决方案1】：

您可以用这组工具替换您的 Flash 开发工作流程：

Pixi：快速 WebGL 2d 渲染和场景图
Babylon：具有集成物理和碰撞的快速 WebGL 3d 渲染和场景图
Tweenjs 或 Greensock：Tween 算法
Howler：使用 WebAudio API 发出声音
质子：粒子效果
P2 或 PhysicsJS：二维物理
PathfiningJS：A* 和其他寻路算法
HammerJS：多点触控事件

或者您可以使用更高级别的框架，例如 Phaser、Grapefruit、Goo Engine 或 Playcanvas（或数十个类似的框架）来为您包装所有这些东西。

然而，在 2014 年，HTML5/JavaScript 只是一个编译目标。这意味着您可以使用您喜欢的任何语言和环境进行创作，并且只需编译为 HTML5。如果您喜欢在 Flash 和 AS3 中工作，您可以继续这样做：

http://www.openfl.org

【讨论】：

是的，我还建议查看 Haxe/OpenFL。它不完全是 AS3 和 Flash，但您可以使用类似但功能更强大的语言，并且可以将您的项目导出为 HTML5 和 Flash（或原生 c++ 导出之一）。

【解决方案2】：

Flash 仍有很多东西可以提供：

有一整套制作图形和动画的工具
出色的 API 可满足您创建丰富的交互式内容的需求
社区制作的大量免费库和框架
整体表现出色

话虽如此，JS 已经可以以接近原生的速度完成所有高级的事情，甚至 3d。您拥有 ThreeJS 和其他允许访问 GPU 的库，这意味着渲染速度非常快！

问题是不同的浏览器无法就默认包含的功能达成一致。例如，Chrome 拥有最多种类的画布来呈现图形，而 Internet Explorer 仍然是 Web 开发人员的痛点。这就是 flash 再次占据上风的地方，因为它在所有平台和所有浏览器上均等运行 99%。我仍然会选择 Flash 进行非移动开发，但您绝对可以制作在 HTML5/JS 上运行良好的内容。

然后一切都归结为实际开发：

JavaScript 是非严格类型语言，这很快成为大型项目的问题
JavaScript 没有类。它可以伪造它们，但这些不是真正的课程。
JavaScript 促使您编写更多深度嵌套/难以调试的代码。
缺乏可在多个平台上正常工作的库和框架。

工具的选择取决于您。在当前场景中，我看到 Flash 不能完全排除，因为它已经可以做到了；同时，即使是现在，JavaScript 也可以为您提供非常出色的性能，而且它在未来只会变得更强大。

【讨论】：