webgl平台（如何启用WebGL）

本文目录

• 如何启用WebGL
• WebGL是什么意思
• unitywebgl平台shader不显示
• webgl或者说three.js的发展前景怎么样
• webgl和unity区别

如何启用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支持

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结构的网站页面。

unitywebgl平台shader不显示

查阅信息说不要使用unity自带的字体即可。
webgl不显示字体，开始导出来发现一些字不显示，还以为分辨率压缩Text文本导致字不显示，后来发现原来是webgl的问题，查阅信息说不要使用unity自带的字体即可。

webgl或者说three.js的发展前景怎么样

webgl和three.js是共生关系。两者的区别如下：

• webgl: HTML5官方的Web 3D解决方案，并且以网页形式进行展示

• three.js: 基于webgl的3D框架，three.js在它的基础上进行了进一步的封装和简化开发

所以three.js会继承webgl的所有优势，并且更快速地绘制3D立体图像，高效体现在：

• iframe在线分享：无论是PC端还是手机端，只需要单击项目所在链接即可运行

• 支持浏览器查看：省去了传统游戏安装客户端的麻烦，同时保证了项目代码不被泄露

• 支持跨平台推广：微信平台兼容性的快速发展，进一步降低WebGL 2.0的推广成本

但常规的html+css+javascript基础远远不够，要想hold住three.js，需要了解专业的3d开发知识，这也是学习曲线较长的卡点。

thingjs在线平台推荐了解一下，也是基于Webgl的3D类库，这两年在国内兴起，对于前端开发转3D更加容易，因为它把3D专业概念这一过程都简化了，打包成类库，直接用javascript就可以调用材质、灯光、空间变换等概念。

学习曲线变短，这是相对于three.js的一个很大的优势，代码变少，开发门槛降低，出错率更低。

3D的未来一定是虚拟漫游技术，在消费者端以及企业端，都有发展前景，我所在的物联网行业，3D可视化主要用于远程管理和安全监控，想看项目案例可登录官网-资源中心查看。

webgl和unity区别

应用范围不同：WebGL是一种3D图形标准，它使用JavaScript语言编写3D图形应用程序，并且可以跨平台运行。它具有良好的兼容性，可以在所有主流浏览器中运行，并且性能较好。Unity3D是一个跨平台的游戏开发工具，它使用C#和JavaScript编写游戏逻辑，支持Windows、Mac、iOS、Android、WebGL等多种平台。