Mohamed Mansour's Personal Website
Articles
How to Enable WebGL on Google Chrome
Posted on October 26, 2009, 11:53 pm EST
This month, WebGL has been released in its pre-state in Firefox, Safari, and Chromium. WebGL is a cool way to display 3D content in the Web using OpenGL.
What is WebGL
WebGL is a JavaScript binding to OpenGL ES 2.0 for 3D Web Graphics without installing any web plugins. The Khronos Group (the creators/maintainers of OpenGL standard) working group includes many industry leaders such as Google, Mozilla, NVIDIA, Opera, AMD, etc to work on standardizing WebGL. The press release can be read here. WebGL is currently still in development, if you want to keep track of its status, you can star this issue: http://code.google.com/p/chromium/issues/detail?id=21852
But how is it different than Google's O3D?
Update: O3D decided to concentrate making HTML5 WebGL faster and better. O3D is now an open-source web API for creating rich, interactive 3D applications in the browser.
The main reason is that WebGL is still very slow, O3D is a plugin which is native. There is an interesting thread going on and some Googlers from the O3D team discussed the differences:
How to enable WebGL on Google Chrome / Chromium?
Make sure you are in the dev channel. Google Chrome releases updates to different release channels. Currently, there are three channels; Stable (everyone is on this when the first install Google Chrome), Beta (every month or so, you will get an update), and Dev (the developer preview channel where stuff gets tested, like WebGL). In order to use WebGL at this current time, you would need the "Beta/Dev" release channel.
- First, subscribe here: http://www.google.com/chrome/eula.html?extra=devchannel
- Make sure all other windows are closed.
- Install
- Now you are subscribed to the Development Channel, yay!
After you have subscribed to the Development channel, you would need to put some command line parameters when you launch Google Chrome.
- Right click on your "Chrome" icon.
- Choose properties
- At the end of your target line, place these parameters:
- --enable-webgl
- It should look like: "chrome.exe --enable-webgl"
Now you have WebGL installed! Lets look at a cool example! This example of Escher Droste effect, where one image, rotated, thinking its zooming in forever. So cool! Take a look here: http://wakaba.c3.cx/w/escher_droste.html
Have fun WebGL'n!

