WebGL中文教程－第0课－了解WEBGL－翻译于外文

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

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

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

 

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

 

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

 

Firefox

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

获取Minefield：

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

·         安装它（当你安装时，你需要退出所有正在运行 的Firefox实例）。

·         启动Minefield。

·         打开“about:config”页面

·         查找“webgl”

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

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

（感谢Vladimir Vukićević为此提供了资料。）

 

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

 

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

·         如果你使用32位Linux，到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 demo、Metatunnel、一个Escher-Droste效果的演示、以及Four dollar Plastic Laminator（最后一个需要几秒钟才可以开始-这是值得等待的！）。

·      最后，我看到的第一个WebGL演示（那是2009年9月的事了），但不幸的是现在只支持Firefox：Vladimir Vukićević’s的孢子生物（使用鼠标旋转）。

 

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

 

这篇文章我是转发自： http://www.html5china.com/course/20110118_1519.html

看完后收益非常多。所以也在这里放上来给大家看看，从第四课开始是我本人的翻译。我翻译的质量没有这么高，不过希望能够给你一丝帮助。