WebGL

Jul 27, 2010

Speaking at Siggraph 2010

Posted by Dennis in 3D, WebGL No comments

Tomorrow I’m off to Los Angeles do one of the WebGL BoF talks at Siggraph. I’m very excited to be part of this. My talk will be about the opportunities WebGL has to offer to us as a creative agency.
I’ve been working with WebGL a lot lately. A lot of experimentation but also some client [...]


Jul 23, 2010

Visualizing Last.fm data with WebGL, GLGE, jQuery

Posted by Dennis in 3D, WebGL No comments

I’m a jQuery newbie so I thought I’d try it out in combination with WebGL. It makes a great example together with the GLGE library for WebGL.
Mind you, there are better ways to do tunnels in 3D. This demo is meant to demonstrate how specific things work with GLGE.
An explanation of what’s going on can [...]


Jun 23, 2010

Hands-on WebGL: Basic GLGE Tutorial

Posted by Dennis in 3D, WebGL 2 comments

In a previous tutorial I explained how to draw a triangle on the screen with pure low-level WebGL. A lot had to be done before anything could be drawn to the screen: define shaders, set up matrices, create shader programs, depth testing, vertex attributes, etc. Pretty interesting stuff if you’re into the technical details of [...]


Mar 19, 2010

Blender to WebGL Exporter - Animation Support

Posted by Dennis in 3D, Blender, WebGL 5 comments

I just added the option to export frame animation to native WebGL. WebGL is low level and doesn’t natively support interpolation or bones animation. This is why it exports all vertex data for each frame. So use with care, because the generated JavaScript files can be very large! Next step will be to look at [...]


Mar 15, 2010

Blender to WebGL exporter

Posted by Dennis in 3D, WebGL 2 comments

A month ago I posted a preview of some Blender to WebGL JavaScript exports. I haven’t had the time to add that many features to it, but I decided to put it on Google Code anyway. At the moment it exports to:

Native WebGL
SceneJS
GLGE

The export options are very basic at the moment. Hopefully I’ll find time [...]


Feb 22, 2010

Beginning WebGL step-by-step tutorial

Posted by Dennis in 3D, WebGL 4 comments

I’ve put together this very basic WebGL tutorial that takes you through the process of initialising WebGL, creating shaders, creating a triangle and then showing it on the screen as a one-off render. I haven’t used external JavaScript libraries like sylvester because I wanted this tutorial to be self-contained. Because I don’t apply translations or [...]


Feb 4, 2010

Blender to WebGL JavaScript Exporter

Posted by Dennis in 3D, WebGL 8 comments

I’ve been playing with this technology lately and I have to say: WebGL is hot stuff. Through the HTML5 <canvas> element you can add hardware-accelerated 3D graphics to web pages. There’s no need to install a separate plug-in. It isn’t available in current browser versions however. You’ll need to install nightly builds of Firefox, Chrome [...]