首页|行业资讯|企业名录|周边产品|数字城市|增强现实|工业仿真|解决方案|虚拟医疗|行业仿真|图形处理|军事战场
资讯首页
行业资讯 >> VR百科>>正文
WebGL入门—主流浏览器设置
2010年5月31日    评论:    分享:

    来源:译言网
    作者:Giles Thomas
    翻译:centaurtek

 

    尝试WebGL的第一步就是让浏览器支持它。现在,这意味着你必须使用特殊的预览发布版本,因为它甚至还不是测试版。幸运的是,这非常容易!

 

    WebGL 不能运行在我所知道的任何版本的Internet Explorer上,但对于其他三大主流浏览器,情况如下:

 

    ·FirefoxWebGL工作在WindowsMac OS XLinux中每日构建(Nightly Build,也叫Daily Build),是将一个软件项目的所有最新代码取出,从头开始编译,链接,运行测试软件包对代码进行单元测试并对主要功能进行测试,发现错误并报告错误的完整过程。——译者注)的Firefox开发版上。点击此处了解如何安装支持WebGLFirefox。如果你使用PC机,建议用Firefox

 

    ·SafariSafariWebKit核心支持WebGL,但只针对Mac电脑的雪豹操作系统(即OS X 10.6)(它曾工作在版本10.5——又名豹操作系统——上,但遗憾的是现在不再被支持了)。如果你在使用雪豹操作系统,我建议你选择Safari;如果你仍旧使用豹操作系统,我建议你使用Chromium Minefield。点击此处了解如何安装支持WebGLSafari

 

    ·Chrome:在Chrome上尝试WebGL的最佳方式是使用每日构建的多个Chromium浏览器版本之一,Chromium开源项目是Chrome的基础。点击此处了解如何获取可在Chromium上运行的WebGL

 

    Firefox

 

    “不稳定的”Firefox开发版叫做Minefield。它每天更新,实际上现在相当稳定:在设置上有一个小调整,最近我还没有看见它崩溃(我使用它做一切事情)。同时也可以安装一个普通版本的Firefox。因此,如果你不想用它或者只是想切换回普通版本一段时间,你不必去卸载。

 

    获取Minefield

 

    ·登陆到每日构建网页上去获取与你电脑匹配的版本。

 

    ·安装它(当你安装时,你需要退出所有正在运行 Firefox实例)。

 

    ·启动Minefield

 

    ·打开“about:config”页面

 

    ·查找“webgl

 

    ·将“webgl.enabled_for_all_sites”的值改为true

 

    ·在201029,我也建议你  将“dom.ipc.plugins.enabled”设置为false——这将禁用最近添加的一个功能,我发现特别是当你浏览器有一个正在显示PDF文件的不可见标签栏时,它往往导致浏览器死锁。

 

    (感谢Vladimir Vukićević为此提供了资料。)

 

     接下来,点击此处尝试一些WebGL网页。如果他们不工作,可能是你的图形驱动程序不支持OpenGL 2.1。如果是这种情况,你应该尝试更新驱动程序,如果这不起作用,你可以用软件渲染运行WebGL,这种方法明显会比全硬件加速图形卡要慢。但是这比什么都没有好。如下是Vladimir使用MESA软件渲染库的方法。

 

    对于那些没有最新的OpenGL驱动或者不能获取驱动的windows用户来说,你可以下载实现OpenGLMesa软件的windows版本来进行软件渲染。它不会很快,但是足以让你明白WebGL是怎么回事和运行一些演示。为了使用Mesa,请下载webgl-mesa-751.zip,然后将它解压缩在你的电脑上。它有一个OSMESA32.DLL文件,你需要告知Firefox它的位置:打开about:config页面,设置webgl.osmesalib的值为OSMESA32.DLL路径。如果你将其展开在“C:\temp”,则其值应设为“C:\temp\osmesa32.dll”。然后将webgl.software_rendering的值设为true即可。

 

    Safari

 

    记住,Safari只支持运行在Mac电脑雪豹操作系统(OS X 10.6)上的WebGL;如果你工作在豹操作系统 (版本10.5)PC或者linux上,那么你将不得不使用Firefox或者Chromium。(如果你工作在较早版本的OS/X上,我就不知道你该用什么浏览器了 :-( )

 

    如果你工作在雪豹上,为了使其运行,你需要:

 

    ·确保你的Safari版本至少为4.0

 

    ·下载并安装每日构建的WebKit

 

    ·启动终端,运行命令: com.apple.Safari WebKitWebGLEnabled -bool YES

 

    ·运行刚安装的WebKit

 

    (感谢Chris Marrin为此提供了资料。)

 

    接下来,点击此处尝试一些WebGL的网页。

 

    Chromium

 

    目前,Chrome开发人员建议你在Chrome中获取WebGL的方法是使用每日构建的Chromium浏览器,这个开源浏览器是Chrome浏览器的基础。对于不同的操作系统来说,这个过程有一些不同。这里提供了针对Windows Macintosh Linux的方法。(警告:我自己只尝试了针对windows的方法,但是我得知其他方法也是可用的。如果有问题,请在下面留言 :-)

 

    对于Windows

 

    ·进入下载页面,获得chrome-win32.zip

 

    ·解压缩文件到合适的地方。

 

    ·打开一个命令窗口,进入你解压缩chrome-win32.zip的目 录。

 

    ·确保您没有运行浏览器

 

    ·运行以下命令:chrome.exe --enable-webgl

 

    对于Macintosh

 

    ·进入下载页面,获得chrome-mac.zip

 

    ·解压缩文件到合适的地方。

 

    ·打开一个终端窗口,进入你解压缩chrome-mac.zip的目 录。

 

    ·确保你没有运行浏览器

 

    ·运行以下命令:./Chromium.app/Contents/MacOS/Chromium --enable-webgl

 

    对于Linux

 

    · 如果你使用32Linux,到32位的下载网页获得chrome-linux.zip。如果你想要一个64位版本,你可以到64位的下载页面,在页面的底部找到最新的build目录,进入并从那里获得chrome-linux.zip

 

    ·解压缩文件到合适的地方,进入你解压缩chrome- linux.zip的目录。

 

    ·确保你没有运行浏览器。

 

    ·运行以下命令:./chromium --enable-webgl

 

    (感谢Mohamed Mansour为此提供了资料。)

 

    接下来,点击此处尝试一些WebGL的网页。

 

    一些例子

 

    一旦你安装好浏览器,你应该能够看到WebGL的内容。这里是一个完整性检查:WebGL第二课的结果。你应该看到一个染有红、绿、蓝三色的三角形和一个浅蓝色的正方形。如果你没有看到正方形和三角形,请在下面留言,我会尽力提供帮助。

 

    如果能看到,那一切就绪!这里有一些有趣的网页:

 

    ·来自 Murphy的一个旋转的三维棋盘球体。

 

    ·我的一个演示:弹跳曼德尔布罗立方体。

 

    ·来至谷歌:一个闪亮的茶壶(点击并拖动旋转它),“San Angeles”和一些比较炫的粒子效果。

 


 

    ·来至Ilmari Heikkinen,一个立方螺旋纺纱和基于立方体的画图程序。

 

    ·来至Pl4n3,一个友好的外来生物...

 

    ·...一个看起来相当不友好的外来生物的游戏的开始部分。

 

    · Copperlicht是一个建立在WebGL上面的高级图书馆,这是他们雷神之锤级别的接口。

 

    ·一个使用WebGL的真实世界:ChemDoodle3D在网页上显示分子结构。

 

    · 来至Jacob Seidelin,两个惊人的图形演示一个音乐太阳能系统和WebGL的世界。

 

    ·一些来至演示场景——喜欢创建令人吃惊小程序的人的WebGL接口:Dag Ågren’s port of Řrřola’s Puls demoMetatunnel、一个Escher-Droste效果的演示、以及Four dollar Plastic Laminator(最后一个需要几秒钟才可以开始-这是值得等待的!)。

 

    ·最后,我看到的第一个WebGL演示(那是20099月的事了),但不幸的是现在只支持FirefoxVladimir Vukićević’s的孢子生物(使用鼠标旋转)。

 

     这是我的第一篇关于WebGL入门的文章,如果你想进一步了解如何创建自己的WebGL网页,你可以查阅我的WebGL第一节课。

 

标签:WebGL浏览器
上一篇:IE9新动向:支持GPU加速和HTML5技术
下一篇:WebGL 简单范例 代码
网友评论:WebGL入门—主流浏览器设置
评论
留名: 验证码:
您可能还需要关注一下内容:
·RIM发布黑莓第一款WebGL游戏
·Khronos吸引中国企业参与API标准制定
·WebGL教程17: 渲染到纹理
·WebGL教程16:高光贴图
·WebGL教程15: 镜面高光和载入JSON模型
·WebGL教程14:片元级光照与多program对象
·WebGL教程13:点光源
·WebGL教程12:球体、旋转矩阵和鼠标事件
·WebGL教程11:载入世界,以及相机简介
·WebGL教程10:优化代码结构实现多物体运动
☏ 推荐产品

Ladybug5全景
商家:力方国际

ProJet®
商家:力方国际

ProJet®
商家:视科创新

Premium1.5
商家:视科创新

巴可HDX主动立体投
商家:德浩科视

巴可HDF-W26投
商家:德浩科视

巴可30000流明2
商家:德浩科视

巴可4万流明2K投影
商家:德浩科视
☞ 外设导航
☏ 企业名录
【广州】中科院广州电子技术有限公司
【北京】第二空间(北京)科技有限公司
【北京】幻维世界(北京)网络科技有限公司
【厦门】厦门惠拓动漫科技有限公司
【厦门】厦门幻眼信息科技有限公司
【深圳】深圳南方百捷文化传播有限公司
【北京】北京思源科安信息技术有限公司
【上海】上海殊未信息科技有限公司
【北京】北京赢康科技开发有限公司
【武汉】武汉科码软件有限公司
友情链接 关于本站 咨询策划 行业推广 广告服务 免责声明 网站建设 联系我们 融资计划
北京第三维度科技有限公司 版权所有 京ICP备09001338
2008-2016 Beijing The third dimension Inc. All Rights Reserved.
Tel:010-57255801 Mob:13371637112(24小时)
Email:d3dweb@163.com  QQ:496466882
扫一扫 第三维度
官方微信号