【译】Lesson 0: 开始学习WebGL

声明】:本系列文章译自:http://learningwebgl.com/blog/?page_id=1217, 感谢Giles Thomas;限于我的英文水平,本文翻译并不一定严格遵从原文,但也不会严重背离原文(如果有,请务必知会我一下,多谢);如果处于非商业目的,你可以自由转载并修改完善之;一切目的都是促进交流。如果能注明出处就最好不过了~~

---------------------------------------------------

先来简单的

如果你只是想体验下WebGL的demo,并不需要自己开发也并不关心一些最新的特性是不是支持,那么通常我建议:

1. 如果你使用windows,那么请确认the Microsoft DirectX Runtime(微软dx运行时库)已经安装,这个是可以从微软官网免费下载的。

2. 接着,选择浏览器Chrome或者Firefox:

  Chrome:如果你已经再使用,只需要检查一下版本是否已经升级到9 -- 这个可能已经自动升级过了,你可以从Chrome的工具菜单-->关于谷歌浏览器来确认版本。如果你之前没有使用过Chrome,但是想尝试一下WebGL,可以从这里下载。

  Firefox: 下载并安装Firefox 4 beta.

OK了。你已经准备好了。接着,猛击这里尝试一些WebGL的演示页面吧

再来难点的

如果你正在开发WebGL,或者想获取其最新特性,那么没有比获取最新的浏览器版本更好的方法了。现在WebGL已经被各大主流浏览器的开发版本支持,除了IE(ms不知道在搞什么)。所以你要做的就是获取合适版本的浏览器,难度依赖于你使用的什么系统。

Windows:如果你之前没有做过,首先确保你已经安装了DirectX运行时库 -- 这个可以从微软免费下载。完成这个之后,安装Firefox或者Chromium,无论哪一个都行 -- 如果不能工作,根据troubleshooting guide去检查吧。(最新消息:一个可以在windows支持WebGL的pre-beta版的Opera已经推出了;但是没有其他浏览器稳定,所以不要把它作为你WebGL唯一的依靠。它只在你的显卡支持OpenGL2.0时才能工作,所以可想而知。。。)

Mac:(未完)

Linux:(未完)

FireFox: (未完)

Safari: (未完)

Chromium:

在Chrome中开发WebGL的话,当前Chrome开发人员建议的方式是使用Chromium的nightly build版本(即每日编译版),Chrome就是以这个开源浏览器作为基础开发出来的。对每一个支持的操作系统流程上还有些细微的差别,这里有说明:WindowsMac,和Linux。(一个警告:我自己只尝试了Windows版本,但是我也被告知其他版本都是工作良好的。如果我错了,请在后边留言:-)

对于Windows:

这里下载chrome-win32.zip

解压文件到任何你喜欢的地方

在解压目录中,双击运行chrome.exe

对于Mac:(未完)

对于Linux:(未完)

接着,猛击这里来尝试一些WebGL的例子

一些初步的例子

一旦你的浏览器已经安装,你就可以看到WebGL的内容。这里是一个完整性测试:我的第二篇WebGL教程的结果。你应该可以看到一个红绿蓝上色的三角形,和亮蓝色的方块。如果你既没有看到方块也没有看到三角形,根据这里检查。

如果它工作正常,那么所有东西就已经准备好了。不幸的是,最近一些WebGL的修改已经让很多demo不能运行,但是这里是一些已经更新好的例子:

我自己的一个例子:跳跃的曼德博罗立方体。

来自Ilmari Heikkinen的,螺旋旋转的立方体立方体画刷

来自Google的:闪光的茶壶(点击鼠标拖拽来旋转它),”洛杉矶“。。。

用WebGL实现的real-world(是吗?):ChemDoodle 3D 在网页中显示分子结构

更多的Demo在这里:Khronos demo repository 和 WebGL Wiki上的 User contributions 部分。还有,Google的Chrome实验室有一个WebGL section; 大部分demo也可以在其他的WebGL浏览器工作。

最后,如果你想看每周最好的WebGL demo,订阅这个blog吧。每周四我会发布一个我能在过去七天找到的关于WebGL的所有新闻的集锦,一般都会有一些新的demo。

这就是我第一篇关于开始学习WebGL的文章了。如果你还想学习更多的关于如何创建自己的WebGL页面,你可以猛击这里去我的WebGL教程1

答疑解惑

Mac:(待续)

Windows:

对于Windows用户最常见的问题是米有安装DirectX运行时库 -- 这里是微软的免费下载,所以大胆的去吧。另外一个值得你经常去关注一下的是:是否有更多的关于你显卡的驱动更新 -- 检查windows更新或者直接去你的显卡制造商的网站。

Linux: (待续)

致谢:

谢谢。。。



posted on 2011-03-05 22:46  konlil  阅读(508)  评论(0编辑  收藏  举报

导航