如果一个人可以玩巨大的在线3D模型怎么办？如果您想在线查看您的分析的动态结果，怎么办？如果您只需要了解组件的机械分析，并且不需要安装任何东西，这不会很好吗？如果有一个解决方案允许您查看H3D型号（或任何，对于此事项），即使在您的手机上，也没有安装任何新插件或应用程序，并且没有任何关于计算能力的担忧？这是一个未来主义的愿景，还是很快成为现实？

根据摩尔定律，技术设备的计算能力不断增强，为更轻松地与复杂而庞大的3D数据集进行交互开辟了一条令人兴奋的道路。从2014年开始，可以在web浏览器上执行HyperView®Player。有一个插入，这是一个独立的实用程序，让用户可视化3D CAE数据。主要的即兴创作是，您甚至不需要插件来实现这一壮举。WebGL API允许使用GPU加速渲染交互式3D和2D图形。这有助于与CAE组件的无缝交互，因为在其核心处，它将作为本机图形应用程序运行。WebGL支持大多数现代浏览器，包括Internet Explorer，Mozilla Firefox，Google Chrome，Safari，移动浏览器等。您可以使用一些已经建立的框架获得WebGL的动手体验三那OSGJS那巴比伦.JS.可以找到不同现有WebGL框架的列表在这里．

还有其他技术用于实现互动在线3D内容。然而，最后，经过深刻的审查，它归结为WebGL。以下是各种技术在Web浏览器中目前流行的图形演示文稿：

替代技术	评论
JOGL (Java OpenGL)	没有在手机上运行 Java applet安全问题
谷歌NACL.	在浏览器上运行本机C / C ++ 只为Chrome.
帆布2 d	比webgl慢得多
NPAPI插件	插件安全问题，将来被阻止 安装强制性
Silverlight 3D	需要插件安装 没有在手机上运行 记录不足
闪存阶段3D	插入 非标准API Flash Shader语言 - 装配编程 性能问题
Emscripten	将本机C / C ++和OpenGL转换为JS和WebGL

比较各种技术后，WebGL是明显的这技术突破在3d网络图形的领域。它是一种轻量级，零安装客户端，可以处理2D绘图，3D绘图，动画，文本，纹理和高级渲染。它是一个跨平台，免版税Web标准。启用了Web的流和高性能的逐步加载是该技术的一部分。

作为WebGL的快照，以下是其优点和缺点：

优点

缺点

1.没有安装 WebGL不是插件。 它是Web浏览器实现本身的一部分（12）． 因此，用户不必安装任何内容。 1.没有安装 WebGL不是插件。它是其中的一部分 Web浏览器实现本身（12）． 因此，用户不必安装任何内容。 2. GPU加速 传递给浏览器的顶点数据是 直接复制到顶点缓冲区。 这消除了浏览器的开销 出于目的地的位置。WebGL. 渲染器负责跟踪所有对象的顶点。 GPU处理所有计算。一旦渲染 数据上传到WebGL数据结构， 渲染真的很快。WebGL是硬件加速。（1）（11）（12） 3.角度 WebGL可以在没有OpenGL的情况下运行（使用角度库）（10） 4.自动内存管理 WebGL具有自动内存管理。 在OpenGL中，内存被明确分配和解除分配。 在WebGL内存管理中自动处理。（13）．在WebGL中，自动内存管理作为JavaScript语言的一部分提供（14）．它遵循JavaScript中的范围规则，在不再需要时，内存会自动解除分配（17） 5。WebGL适用于跨平台，是免版税Web标准的低级3D图形（15）．该方法可用于实现Web环境下的硬件加速三维图形（16） 6。WebGL是基于JavaScript的，这使得与其他JavaScript库（例如jQuery和其他HTML5技术）集成了WebGL应用bob电竞官方程序更容易（17） 7。WebGL的性能与等效独立应用程序相当（有一些例外）。bob电竞官方这是由于WEWGL访问本地图形硬件的能力（17）

1.角度限制 ANGLE是Windows上使用DirectX9的WebGL渲染后端。这是Chrome和Firefox的默认设置，因为许多显卡的OpenGL驱动程序很差或者根本不存在。DirectX9不直接支持宽线。 OpenGL允许比DirectX9更多的图形卡的功能，其中一个是设置更大的线宽。 可以从此处获取WebGL最大参数列表（19） aliased_line_width_range给出了线宽的限制。如果范围是1-1，那么线宽将仅固定为1.0 aliased_line_width_range：1 - 1（7）（8） 2。WebGL仅限于JavaScript的动态性质（9. 3。WebGL渲染数据必须首先上传到特殊WebGL数据结构。这意味着将数据从常规内存复制到WebGL特定内存（缓冲对象）。数据上传通常很慢。（11） 4。WebGL在当前版本中不支持双重精度。（20）

令人惊讶的是，WebGL可以容纳巨大的数据模型以及本机图形客户端应用程序。happybuddha是一个很好的例子，演示了WebGL效率，处理了100万三角形的网格。通过结合紧凑的网格压缩，已经实现了这种高性能水平算法．大网格表现审判正在广泛开展，并取得了WebGL的积极成果。我们可以为所有CAE应用程序实现WebGL API，例如HyperView Playebob电竞官方r和solidThinking®。然而，尽管WebGL目前的功能可以支持100万个三角形网格大小，但它可能无法操作巨大的CFD模型。强大的llvm到javascript编译器，Emscripten将C / C ++转换为JS，可以在很大程度上使用。这是一个突出的编译器，它将本机代码编译为WebGL，而无法从下面的大量返工。

总之，基于正在进行的研究和WebGL出色的性能结果，这项技术有可能主导基于web的3D图形。在这个世界上云是流行语，这项技术用作密码3D云．

---

参考文献

1. https：//www.scirra.com/blog/58/html5-2d-gaming-performance-analysis.
2. http://stackoverflow.com/questions/8462421/difference-between-webgl-and-opengl
3. http://stackoverflow.com/questions/1480982/how-to-render-primitives-in-wireframe-in-open-gl-es
4. http://stackoverflow.com/questions/3539205/is-there-a-substitute-for-glpolygonmode-in-open-gl-es-webgl.
5. http://stackoverflow.com/questions/14503600/what-are-webgls-draw-primitives.
6. http://stackoverflow.com/questions/9748340/face-colors-not-unique-when-using-8-indexed-vertices.
7. http://code.google.com/p/angleproject/
8. https://github.com/mrdoob/three.js/issues/309
9. http://www.irlicht3d.org/pivot/entry.php?id=1255.
10. http://codeflow.org/entries/2013/feb/02/2/why-you-should-use-webgl/
11. https://hacks.mozilla.org/2013/04/the-concepts-of-webgl/
12. http://bjartr.blogspot.in/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html.
13. http://www.khronos.org/webl/wiki/webl_and_opengl.
14. http://en.wikipedia.org/wiki/webgl.
15. http://www.khronos.org/webgl/
16. http://news.cnet.com/8301-30685_3-10416966-264.html.
17. “WebGL初学者指南”（2012），Diego Cantor，Brandon Jones
18. https://web.eecs.umich.edu/~sugih/courses/eecs487/common/notes/APITables.xml
19. http://alteredqualia.com/tmp/webl-maxparams-test/
20. http://blog.hvidtfeldts.net/index.php/2012/07/double-precision-in-opengl-and-webl/