转：WebGL、Asm.js和WebAssembly概念简介

WebGL、Asm.js和WebAssembly概念简介

转：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）。