【译】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就是以这个开源浏览器作为基础开发出来的。对每一个支持的操作系统流程上还有些细微的差别,这里有说明:Windows,Mac,和Linux。(一个警告:我自己只尝试了Windows版本,但是我也被告知其他版本都是工作良好的。如果我错了,请在后边留言:-)
对于Windows:
去这里下载chrome-win32.zip
解压文件到任何你喜欢的地方
在解压目录中,双击运行chrome.exe
对于Mac:(未完)
对于Linux:(未完)
一些初步的例子:
一旦你的浏览器已经安装,你就可以看到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: (待续)
致谢:
谢谢。。。