Author Archive

Aug 10, 2010

Using WebGL & GLSL Shaders to Create a Tunnel Effect

Posted by Dennis 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 Dennis 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 Dennis 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 Dennis 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 Dennis 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 Dennis 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 [...]


May 26, 2010

Cloning animated 3D objects (min3D framework for Android)

Posted by Dennis in 3D, Android No comments

NOTE: This OpenGL ES 1.1 framework isn’t maintained anymore. Check out the OpenGL ES 2.0 Rajawali framework which also supports live wallpapers. These two examples show how you can clone animated objects with min3D. The first example makes a shallow copy of the object. All the vertices, normals and texture coordinates are shared between all the [...]


May 25, 2010

Loading an animated MD2 file (min3D framework for Android)

Posted by Dennis in 3D, Android 6 comments

NOTE: This OpenGL ES 1.1 framework isn’t maintained anymore. Check out the OpenGL ES 2.0 Rajawali framework which also supports live wallpapers. I just updated min3D for Android with an MD2 file importer.  MD2 is a format that was developed by ID Software and originally used for Quake II and other games. MD2 can be used [...]


May 19, 2010

Loading a 3DS file (min3D framework for Android)

Posted by Dennis in 3D, Android 14 comments

NOTE: This OpenGL ES 1.1 framework isn’t maintained anymore. Check out the OpenGL ES 2.0 Rajawali framework which also supports live wallpapers. Another update to the min3D framework for Android. A new parser that allows you to load in 3DS files (used by the Autodesk 3ds Max 3D modeling, animation and rendering software). In the previous [...]


May 18, 2010

Loading multiple 3D objects from an Obj file (min3D for Android)

Posted by Dennis in 3D, Android 5 comments

NOTE: This OpenGL ES 1.1 framework isn’t maintained anymore. Check out the OpenGL ES 2.0 Rajawali framework which also supports live wallpapers. I just committed an update to min3D‘s .obj file parser.  Yesterday’s tutorial showed how you can import an .obj file into min3D. The latest commit adds support for multiple files in one .obj file. [...]