Supposedly, HTML5's canvas tag is the future of browser-based games. I'm not so sure. Certainly, something needs to be done about the audio latency before it can really take off.
In the mean time, I decided to have a play with it.
Slide - Ah, Master! Do you perhaps share an interest in the amusements of nobility? Well, in that case, would you care to hear an explanation of the game? Use the arrow keys to solve the puzzle...
Raycasters were the seminal step in the progression to 3D games. Each frame, a series of rays are cast outwards to measure the distances of objects and render them at the appropriate scale. I've always loved their simplicity.
The box on the left is the map. Click on it to add walls. The raycaster projection is on the right.
Use the arrow keys to move, WASD to strafe.
Raycaster - First version. Raycaster (no fog) - Firefox seems to choke a bit on the fog effect so here's a cut-down version. Chrome doesn't seem to care.
I'm sure this could be sped up hugely. It should be possible to raycast to the corners of a wall block, and linearly interpolate to find the intermediate values. I might try that at some point.
Raycaster Maze - By request, an ugly marriage of the maze generator with the raycaster. Glitchy and poorly written.