转：http://www.techbrood.com/zh/news/webgl/webgl%E3%80%81asm_js%E5%92%8Cwebassembly%E6%A6%82%E5%BF%B5%E7%AE%80%E4%BB%8B.html

iefreer 发表于 2017-02-27 13:00:56

标签: webassembly, webgl, html5, asm.js

随着HTML技术的发展，网页要解决的问题已经远不止是简单的文本信息，而包括了更多的高性能图像处理和3D渲染方面。

这正是要引入WebGL、Asm.js和WebAssembly这些技术的原因。

什么是WebGL

WebGL是为了给Web添加类似桌面（或移动）系统上的OpenGL的特性支持，从而实现强大的3D图形渲染效果。

什么是Asm.js

Asm.js是一个JavaScript的一个严格的子集，可以被用来作为一个底层的、高效的编译器目标语言。asm.js提供了一个类似于C/C++虚拟机的抽象实现，包括大型二进制堆、整型和浮点运算、高阶函数定义、函数指针等语法特性。具体来说，就是通过VM（如Emscripten）把一些本地代码（如C语言）生成的VM字节码（bytecode）翻译成前述严格子集的JS代码得以在Web上运行，并通过浏览器的支持，得到性能优化。

c/c++---->Emscripten(VM)---->asm.js(一种js语言)。

什么是WebAssembly

那么WebAssembly（简称wasm）又是什么鬼？顾名思义，看起来是在Web中引入的低级语言，其目的和Asm.js类似，也是要支持本地代码的运行从而获得媲美原生应用的高性能，我们可以先观摩一个使用WebAssembly技术的在线网页游戏实例，该游戏性能可媲美原生应用。那么既然有了Asm.js，为什么还需要WebAssembly？因为Asm.js只有Mozzila支持，而WebAssembly是Mozzila、Google、Microsoft以及一些其他组织拟联手制定的游戏规则，另外WebAssembly最终将从JS中分离出来，成为一个相对独立的编译器目标语言，这样可以不必为了本地代码的运行，而在JS中引入太多内容，将来Wasm和JS会是分工合作的关系。

WebGL和WebAssembly的区别

第一眼看到WebAssembly的时候，我们或许会自然的想到其对WebGL的影响。因为通过WebAssembly可以直接把原生代码（如c/c++语言）应用在浏览器中运行，那么理论上（理想情况下），我们可以在网页上运行PhotoShop或者魔兽争霸这样的大型软件（只要通过WebAssembly给移植过来）而无需重新编写JS代码。但实际上我们需要厘清这2个概念是两个层面的东西，WebAssembly是网页低级语言，WebGL是浏览器实现的接口标准，允许客户端脚本语言（即ECMAScript，JavaScript，Webassembly）使用原生3D图形库。WebAssembly对应于汇编语言，而WebGL对应于OpenGL或DirectX。所以WebAssembly依赖于WebGL来实现3D渲染。其影响在于，有了WebAssembly，WebGL在后续标准制定中需要多提供一个低级语言接口，工程师在实现网页3D应用的时候除了JS之外多了一种选择（可以使用原生语言和wasm）。