HTML5 and WebGL

This is beginning to become outdated. If you download the latest Firefox or Chrome browsers, you will now have WebGL enabled. Give it a shot and ignore this page!!

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.

Older Method
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:

 

4 Responses to HTML5 and WebGL

  1. Pingback: WebGL Globe of Google Search Volume by Language | phillihp's tech blog

  2. Pingback: Upgrade your browsers and visualize an 8 Screen WebGL Fish-Tank | phillihp's tech blog

Leave a Reply

Your email address will not be published. Required fields are marked *


*