首先需要到官网网站下载最新的Google Chrome浏览器，并且安装，下载地址为

http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html

安装过程中，是自动安装的，没有提示选择安装路径，默认在C盘。

安装完成后，默认是不支持WebGL的，开启方法为：

右击桌面的Google Chrome的快捷方式，右键属性

 

红色方框默认为

"C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe"

将它改为

"C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application\chrome.exe" --enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files

其实也就是在chrome.exe"的后面添加-enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files这个字段，注意引号后面有空格的

其中

--enable-webgl
的意思是开启WebGL支持；

--ignore-gpu-blacklist
的意思是忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL；

--allow-file-access-from-files
的意思是允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL，只是想要看一下WebGL的Demo，那你可以不添加这个参数。

 

最后点击应用和确定，没有报错，就说明是好的

关闭Google Chrome浏览器，然后再次打开

 

判断我目前的浏览器是否支持WebGL？
请访问http://doesmybrowsersupportwebgl.com。

如果显示Yay，说明你的浏览器已经支持WebGL了。
如果显示Nay，说明你的浏览器目前还不能运行WebGL。

成功后，显示应该是这样的

 

 

接下来可以访问以下html5写的网页

1. 黏糊糊的东西
用鼠标拖拽，然后扔出去，就会粘在网页边缘。
访问地址：
http://www.spielzeugz.de/html5/sticky-thing/


2. 蠕虫
HTML5 Canvas制作的效果，无数条蠕虫根据灰度組成图片片，你还可以拖拽一张本地图片到右侧
访问地址：
http://html5-pro.com/wormz/


3. Google 的 3D 圆筒书架
访问地址
http://workshop.chromeexperiments.com/bookcase/

 

 

更多demo可以访问

http://www.hiwebgl.com/?cat=16

本文部分内容参考以下网页

http://www.html5china.com/HTML5features/WebGL/20111129_2985.html