Archive for October, 2009

WebGL in WebKit nightly builds!

Well, the big news that came out overnight is Chris Marrin’s announcement that WebKit nightly builds [UPDATE: for the Mac only] now include support for WebGL! Chris is a 3D graphics guru, so as you’d expect, he’s lined up some amazing-looking demos of WebGL features. They don’t work in the current version of [...]

WebGL Lesson 3 – a bit of movement

<< Lesson 2Lesson 4 >>
Welcome to my number three in my series of WebGL tutorials. This time we’re going to start making things move around. It’s based on number 4 in the NeHe OpenGL tutorials.
Here’s what the lesson looks like when run on a browser that supports WebGL:

Click here and you’ll see the [...]

WebGL around the net, 19 Oct 2009

Two links today:

Chocolux, “a real-time recursive GPU raytracer” running entirely in a fragment shader, written by Auld and ported to WebGL by Charles Ying. The paper on Rendering Worlds with Two Triangles he links to looks fascinating, too. (Via the Khronos Group’s Twitter feed)
For German-speakers, Coolcat has written a WebGL tutorial page on [...]

WebGL around the net, 17 Oct 2009

Some great news this weekend:

Christopher Blizzard has set up a Planet WebGL aggregator site to pull together all the news in the WebGL community. Christopher is Director of Evangelism at Mozilla Corporation, and the aggregator definitely gets my vote (and not just because he called Learning WebGL wonderful…).
It looks like it’s not just me [...]

Zooming into the Mandelbrot set in a WebGL fragment shader

Writing these tutorials is all good fun, but I decided to take a short break from them today to show something a little more visually interesting that you can do now that WebGL gives web pages access to the graphics hardware: a page that zooms into the Mandelbrot set in realtime, with all of the [...]

WebGL Lesson 2 – Adding colour

<< Lesson 1Lesson 3 >>
Welcome to my second WebGL tutorial! This time around we’re going to take a look at how to get colour into the scene. It’s based on number 3 in the NeHe OpenGL tutorials.
Here’s what the lesson looks like when run on a browser that supports WebGL:

Click here and you’ll [...]

WebGL around the net, 15 Oct 2009

For anyone who wants a tutorial that throws you in at the deep end, Benjamin DeLillo has done an excellent post summarising the basics of WebGL.
Highly recommended.

WebGL on an old Windows laptop

If you’ve got an older Windows machine and can’t see WebGL graphics even with a nightly build of Firefox, and you’re getting weird stuff like error codes mentioning 0×80004005 (NS_ERROR_FAILURE) in your error console after the Canvas 3D initialisation messages, it may be because your graphics drivers are out-of-date — even worse, it might be [...]

WebGL around the net, 12 Oct 2009

Just one new example today; Peter Nitsch has posted an example of a spinning cube with textured faces, which I’m sure I’ll be looking at very closely when the time comes to port NeHe tutorial #6…

WebGL Lesson 1 – A triangle and a square

<< Lesson 0Lesson 2 >>
Welcome to my first WebGL tutorial! This first lesson is based on number 2 in the NeHe OpenGL tutorials, which are a popular way of learning 3D graphics for game development. It shows you how to draw a triangle and a square in a web page. Maybe that’s [...]

Subscribe to RSS Feed Follow Learning WebGL on Twitter