webgl开发（关于WebGL的基本现状）

本文目录

• 关于WebGL的基本现状
• 在本地打开Unity3D开发的webGL的项目
• webgl开发和3dmax哪个好
• WebGL是什么意思
• 您适合从事Web前端开发行业吗
• 如何启用WebGL

关于WebGL的基本现状

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等。

WebGL 的最大优势就是能通过网页做到快速传播，用酷炫的图形体验达到营销宣传等目的。

WebGL基本现状

WebGL 1.0 基本有98%的设备支持率，而 WebGL 2.0 有大概49%的设备支持率，并逐步在上升。

其中 WebGL 2.0 的重要特性有

WebAssembly方面：许多 C3D 引擎都开始涉及这块领域。比如 oryol，一个轻量级的 C 框架。其中物理模拟的部分通过 Webassembly 的方式去做，在 web 上做了个布料模拟的 demo。当然 Unity 和 Unreal 也都推出了自己基于 Webassembly 的 demo：

• Unity：两个 demo，分别为：tank，webgl_linear。

• Unreal：EpicZenGarden。

WebGL 研发中的新特性

英特尔的先进网络科技团队对 WebGL 的生态系统做出了许多贡献，因此新特性部分主要由他们来展示。

WebGL 2.0 Compute

• 研发描述：在 WebGL 实现 OpenGL ES 3.1 的功能，主要是 Compute Shader！

• 研发状态：

• 对于 OpenGL 和 D3D 后端 Compute Shader 都基本完成，通过在 Chrome 中设置 flag enable-webgl2-compute-context 可以使用。

• 基于 Compute Shader 的 Tensorflow.js 基本可以运行。

• 研发计划：

• 在今年末实现所有 Compute Shader 的特性。

• 在 Emscripten 中支持 WebGL 2.0。

• 将 Native dEQP ES 3.1 的样例移植到Web端。

• 根据需求实现 OpenGL ES 3.1的其他特性

常见的Web开发软件

基于 WEBGL 的 3D:three.js , osgjs
其中 three.js 最火爆，是纯JS包osg 还有对应的 C++ 跟 .NET 包， OSGJS 并不是 OSG 的重点；
专注于 WEB 3D GIS 的 WEBGL:osmstreet、openwebglobe、readymap这个是做 3D 城市规划的；
基于 IE ACTIVEX OCX 的 3D:unity3D ， 很火， 做WEB游戏，做 anroid 游戏， IE CHORME 都可以google earth 学习成本低；
基于 AS3 的 3D:Away3d、FLASH 正在走下坡；

下方

运营：weikashouji

在本地打开Unity3D开发的webGL的项目

在本地打开webGL的文件：

1，打开火狐firefox浏览器，在地址栏内输入  about:config ,出现Firefox配置信息，“三思而后行”点击“接受风险并继续”。

2，在最上面的搜索栏中搜索  webgl

3，找到 webgl.force-enabled,双击，设置为true，强制开启webgl支持。

4，搜索  security.fileuri.strict_origin_policy ，双击设置为false，允许加载本地资源。

5，关闭Firefox，然后重新启动，就可以打开本地的webgl文件了。

webgl开发和3dmax哪个好

你看要用它干什么，3dmax在建模，动画方面还是很强大的，另外3dmax找工作也好找，应用很广泛。兼容性好。推荐你用3dmax不会失望的

WebGL是什么意思

WebGL的意思是Web Graphics Library，是一种3D绘图协议。

WebGL允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。

Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

扩展资料

WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

WebGL标准已出现在Mozilla Firefox、Apple Safari及开发者预览版Google Chrome等浏览器中，这项技术支持Web开发人员借助系统显示芯片在浏览器中展示各种3D模型和场景，未来有望推出3D网页游戏及复杂3D结构的网站页面。

您适合从事Web前端开发行业吗

Web前端开发门槛低，容易入门，适合零基础学习，当然有一定基础或者专业相关更好。

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端技术指通过浏览器到用户端计算机的统称，存贮于服务器端的统称为后端技术。

互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

web前端有广阔的发展空间，app、小程序、移动端、pc端等都网站是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。

Web前端招聘岗位

前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...

H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...

JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...

小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...

如何启用WebGL

要运行WebGL，必须有一个支持它的浏览器。先来看看在桌面平台上有哪些设备和平台已经支持WebGL了
Google Chrome 9及以上版本
Mozilla Firefox 4以及上版本
Safari 5.1及以上版本（仅限于Mac OS X操作系统，不包括Windows操作系统；所有情况下必须强制开启WebGL支持，请参考下文）
Opera Next 即Opera 12 alpha及以上版本
IE并不支持WebGL(IE11支持WebGL)，但是可以下载并安装IEWebGL这个插件，或Google Chrome Framework来运行一些WebGL应用
那么这些浏览器该如何启用WebGL呢，请看下面解决方法：
Chrome浏览器
需要为Chrome加入一些启动参数，以下具体操作步骤(以Windows操作系统为例)
1、找到Chrome浏览器的快捷方式，如果没有就创建一个快捷方式（右键点击chrome.exe，选择“创建快捷方式”或者“发送到”→“桌面快捷方式”），右键点击快捷方式，选择属性。
2、在目标框内，双引号的后边，空格，然后加入以下内容
--enable-webgl --ignore-gpu-blacklist --allow-file-access
点击确定
3、设置完成的后的快捷方式属性窗口看起来应当是这样的，注意“目标”文本框：
4、关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览器。
其中：
--enable-webgl
的意思是开启WebGL支持
--ignore-gpu-blacklist
的意思是忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL
--allow-file-access-from-files
的意思是允许从本地载入资源
Firefox浏览器
1、Firefox的用户请在浏览器的地址栏输入“about:config”，回车
2、在过滤器（filter）中搜索“webgl”
3、通过双击的方式将webgl.force-enabled的值设置为true
4、通过双击的方式将webgl.disabled的值设置为false
5、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy”
6、通过双击的方式将security.fileuri.strict_origin_policy的值设置为false
7、关闭目前开启的所有Firefox窗口，然后重新启动Firefox。
其中前两个设置是强制开启WebGL支持，最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源
如果强制开启了WebGL，还是不能运行，更多信息可参考Mozilla Blocklisting/Blocked Graphics Drivers
我在Window XP上测试Firefox的WebGL时，在强制开启了WebGL后，仍然得到Error: WebGL: Error during ANGLE OpenGL ES initialization
悲催的发现Firefox对厂家的不支持和硬件不支持(分别在虚拟机上和显卡为Intel G31/G33 chipset)
On Windows
All vendors other than AMD/ATI, NVIDIA, Intel are blocked (bug 623338). This was required primarily by various crashes on virtual machines with unusual vendor names (bug 621411). We’re open to whitelisting more vendors if needed.
… …
If force-enabling a feature doesn’t work, that probably means that your hardware doesn’t support it. For example, layers acceleration currently requires support for 4Kx4K textures, which rules out some graphics cards, like the Intel G31/G33.
Safari浏览器
1、进入“偏好设置 (Preferences)”菜单并点击高级 (Advanced)
2、选中复选框“在菜单栏中显示‘开发’菜单 (Show Develop menu in the menu bar)”
3、从“开发 (Develop)”菜单中启用 webGL，勾选“启用WebGL”
4、允许从本地载入资源，勾选“停用本地文件限制”
这里要强调：如果电脑的显卡非常老旧，或者是板载的集成显卡，那么需要在浏览器中强制开启WebGL支持；另外因为其他的一些原因（比如操作系统是Windows XP），在正常安装以上浏览器之后还是不能运行WebGL，最好也强制开启WebGL支持