WebGL

Sep 19, 2012

Unused, Unfinished WebGL Prototypes

Posted by in 3D, WebGL 5 comments

It’s been quite a while since I posted anything WebGL related. That doesn’t mean I haven’t touched it during this time. I have used it a lot to do quick 3D prototyping. Three.js is the engine of choice because of its rich feature set, consistent API, stability and general awesomeness. I decided to upload these [...]


Oct 7, 2010

Unused WebGL Presentation made with WebGL

Posted by in 3D, Speaking, WebGL 6 comments

I made this one for an internal presentation about WebGL. I did the presentation but for some reason I used plain old powerpoint slides. Don’t ask. It’s made with GLGE, JSTweener and the Blender to WebGL Exporter. I guess it could use a bit of optimisation here and there. Oh, and I have tested it [...]


Aug 10, 2010

Using WebGL & GLSL Shaders to Create a Tunnel Effect

Posted by in 3D, WebGL 12 comments

Now here’s something that’s been done a thousand times before in a thousand different ways! Sometimes it’s good to re-invent the wheel so you can learn something new My purpose for this demo was to experiment with vertex and fragment shaders. They’re very powerful tools that allow you to create the most amazing effects. Click [...]


Aug 6, 2010

X3DOM Exploration #2: Creating Geometry with IndexedFaceSet

Posted by in 3D, WebGL 5 comments

In my previous post about X3DOM I covered some of the very basics. I used a <Box> object and slapped a Twitter avatar on it. In this post I’m going to use the <IndexedFaceSet> element to create geometry dynamically. Read them pixels For this example I’ve used a PHP-script that loads an image, resizes it [...]


Aug 5, 2010

More WebGL Exploration: Visualising Mutual Twitter Friends with X3DOM

Posted by in 3D, WebGL 6 comments

After the WebGL BoF at Siggraph I spoke to some people from the Web3D consortium and the Fraunhofer institute. This was quite interesting. The Fraunhofer institute is working on an X3D WebGL implementation called X3DOM. Basically it means that you can set up a 3D scene as part of any HTML5 DOM tree. This should [...]


Jul 27, 2010

Speaking at Siggraph 2010

Posted by in 3D, Speaking, WebGL 1 comment

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 [...]


Jul 23, 2010

Visualizing Last.fm data with WebGL, GLGE, jQuery

Posted by in 3D, WebGL 3 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 [...]


Jun 23, 2010

Hands-on WebGL: Basic GLGE Tutorial

Posted by in 3D, WebGL 5 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 in 3D, Blender, WebGL 9 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 in 3D, WebGL 7 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. [...]