This project page has been setup to test HTML5, specifically with WebGL, which is a 3D Graphic render API ported from OpenGL ES.
How to get an HTML5 Browser
Be sure you are using the latest build of your favorite HTML5 rendering browser. This typically involves downloading a latest build, which have already been compiled, and opening a new browser to re-visit this page.
New Method
The new method for enabling WebGL utilize current browsers.
For Google Chrome 9+
On Windows, Mac, and Linux you can run Chrome using the --enable-webgl
Windows: chrome.exe --enable-webgl
Mac & Linux: ./chrome --enable-webgl
For Firefox 4+
Any operating system, simply open the browser and type in the address bar “about:config” and press enter. You can then find “webgl.force-enable” to true and you are good to go.
The previous recommended directions included utilizing the latest Chromium builds, but these have been removed for some reason.:
For Windows
- Go to the continuous integration page (may not work now) and get chrome-win32.zip
- Unzip the file somewhere convenient.
- Inside the unpacked directory, double-click the chrome.exe file.
For the Macintosh
- Go to the continuous integration page (may not work now) and get chrome-mac.zip
- Unzip the file somewhere convenient.
- Open a Terminal window, and go to the chrome-mac directory that you unzipped.
- Make sure you’re not running Chrome already
- Run the following command:
./Chromium.app/Contents/MacOS/Chromium - Once you’ve checked that it works, you might want to automate things a bit so that you don’t have to type the command line every time; in the comments, Julien Limoges has provided a useful shell script to handle that.
For Linux
If you’re using 32-bit Linux, go to the 32-bit continuous integration latest build page (may not work now) and get chrome-linux.zip. If you want a 64-bit version instead, you can go to the 64-bit continuous integration latest build page (may not work now), and get chrome-linux.zip from there.
Unzip the file somewhere convenient, and go to the chrome-linux directory that you unzipped in a terminal window.
Make sure you’re not running Chrome already
- Run the following command:
./chromium
Demos and Walkthroughs
Ok, so you’d like to walk through some HTML5 & WebGL?
I have a self-made project, creating Tetris in WebGL here: http://phillihp.com/projects/html5-and-webgl/creating-tetris-with-opengl-and-webgl/
External HTML5 Projects
I had this posted below in the group before, but recently found a Youtube video of this running on 8 screens using WebSocket:
Pingback: WebGL Globe of Google Search Volume by Language | phillihp's tech blog
Pingback: Upgrade your browsers and visualize an 8 Screen WebGL Fish-Tank | phillihp's tech blog