Saturday, October 24, 2009

Google Wave

UPDATE: Thanks to aperson pointing out that it wasn't working, fixed now!

Now that I've gotten Waves embedding properly there will a wave below each post's comments from now on!

Thursday, October 22, 2009

WebGLU, the Open Source WebGL Utility library hits v0.2

I've just wrapped up v0.2 of WebGLU. I'm working on updating the full documentation, I hope to be done with it later today, or some time tomorrow. v0.2 is already in the SVN repository on WebGLU's SourceForge project page, or you can just download it directly.

To see how useful WebGLU can be, check out my 50 line demo.

I need feedback. If you want to do something with WebGL and WebGLU can't help, or using it hurts performance, please let me know!

A WebGL / WebGLU Demo in 50 Lines!

Here's the updated code from the tutorial, by using my WebGLU v0.2 library the entire thing, including the necessary HTML for the page, is just 50 lines. Here's the demo itself. I've put together a new, 25 line, demo Neat, right?

Monday, October 19, 2009

WebGLU on SourceForge

The WebGLU library is now a project on SourceForge! Check it out at

Friday, October 16, 2009

Interactive Shader Editing with WebGL and the WebGLU Library

Here's the demo, you can even share what you do!

You will need a very recent browser which supports WebGL like Firefox 3.7 trunk builds.

WebGLU is approaching v0.2 and with it it's now possible to easily change the shader being used to render a given object. It's actually really simple now! One five line function, called when you click a link, is all it took.

Sunday, October 4, 2009

WebGL, What is it and How Can I Use it?

I'm putting these links at the top for easy access, click here to skip directly to the content.
Documentation for my work-in-progress library, WebGLU, is availible here.
The current version of WebGLU, v0.1, is available as a single file, webglu.v0.1.js.
Sylvester is available from here.
Copies of the files used in the tutorial below are available individually tutorial.html, tutorialPage.js; or as an archive.
Update: Thanks to Ademan for pointing out that GLSL is not exactly c, but a c-like language, corrected.
Update 2: Thanks to Kumar for pointing out that Fragment shaders operate on pixels, not polygons.

So what is WebGL anyway? WebGL is a standard created by Khronos (the creators/maintainers of OpenGL standard) for web browsers to use OpenGL. (Specifically OpenGL ES 2.0, which is a somewhat limited version originally developed for embedded devices, I've provided some code below that adds back a small portion of what's in OpenGL but not explicitly in OpenGL ES)

Friday, October 2, 2009

More WebGL progress, now with video!

Since my last post I've managed to improve the demo. I've also consolidated a lot of the code and learned to love prototypal inheritance, it's great stuff. I've embedded both a video and the application itself. Hopefully you'll be able to see at least one. The demo can be controlled with click and drag to look around and WASD keys to move in absolute directions (not view dependent). As usual the code is available to see how its done. webglPage.js webglu.js

Demo and video after the jump.