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