WebGL Stats Version 2

Feb. 04, 2014
comments

I have gotten around to update WebGL Stats, which is a rewrite from scratch with a whole lot of new features, so give it a spin.

How to write portable WebGL

Feb. 22, 2013
comments

When programming WebGL you need to be careful to make it portable. The following post will explain how to make WebGL portable across many devices, what to look out for and techniques to work around the limitations you face.

NO to DRM in HTML and broken audio/video

Feb. 16, 2013
comments

The W3C is taking input from Netflix, Microsoft, Google, Apple and BBC to add DRM to HTML. This is a really bad idea on so many levels it's hard to pick any one aspect to start.

Soft Shadow Mapping

Feb. 15, 2013
comments

Shadow mapping is one of those things that a lot of people struggle with. It is also a very old shadowing technique that has been improved in a variety of ways. I'd like to make a brief trip trough the history of shadow mapping hopefully shedding some light on the topic and introduce you to some very nice techniques.

High Performance JS heatmaps

Feb. 04, 2013
comments

You might have encountered heatmaps for data visualization before. There is a fabulous library, heatmap.js, which brings that capability to draw them to javascript. There is only one problem, it is not exactly fast. Sometimes that doesn't matter. But if you have hundreds of thousands of data points to plot, or need realtime performance, it gets tricky. To solve that I've written a little engine using WebGL for drawing heatmaps.

Why you should use WebGL

Feb. 02, 2013
comments

There is (among graphics enthusiasts) a lot of debate what API/version of something to use with a bunch of hotly contested alternatives. I would like to convince you to give WebGL a try, and this blog post explains why. It will also quickly summarize a few things people usually ask about WebGL. There are many gotchas (like with anything) as well, and I am aware of a lot more of them than you can imagine. I will perhaps talk about them in another blog post.

Keyboard events in Javascript are broken

Jan. 30, 2013
comments

The venerable computer keyboard. You probably have one. In Javascript we can get keyboard events, but they are completely useless if you are differently-abled, if you try to make an accessible rich internet application or game or if you just have a different keyboard layout.

WebGL Deferred Irradiance Volumes

Aug. 25, 2012
comments

The problem of lighting 3D scenes in hardware accelerated rasterized rendering is really hard to solve. There are no 100% solutions, and what seems perfectly obvious to the uninitiated (light just bounces around) is extremely hard to do in practise. The following blog post is about one such method that I wanted to try out for a long time.

CSS Shaders, W3C, Microsoft and Broken Standards

Aug. 22, 2012
comments

Right now the W3C is discussing CSS shader standardization on their mailing lists. Microsoft has voiced their opinion and things are about to get very strange indeed.

WebGL rendering of solid trails

Aug. 05, 2012
comments

If you need to render trails you can use particles. These give nice puffy effect. At other times you'd like to have a more well defined line (like say for missile trails). The following post shows one technique render trails with a single triangle strip optimized not to use too many triangles and does not lead to the puffy look of particles.