Announcing the official release of the new version of my Raycaster! Try it here.

The primary change is now it runs up to 4X faster on top detail, though I've also made it so that the background isn't quite as dark and also there's nine individual detail levels.

I optimised it as far as I possibly could (though I'm sure there's still places here and there where it could get dramatic speed boosts). The main things I did was:

1. Use Chrome's Javascript profiler to identify functions that were taking up too much CPU time.
2. Reduce the amount of redundant copying of variables. For instance, Monkey's "WritePixel" function takes the pixel data in an array and copies it to a JavaScript ImageData object (after bitshifting it), I simply bypassed it and wrote to the ImageData object directly (without bitshifting).
3. Used bitwise operations where possible - Shift-Left for multiplying, Shift-Right for dividing and AND instead of modulus. If you're operating on integers by power-of-2 values it's slightly faster doing it that way.
4. There were several trigonometry operations where the output was based on an input that was an integer. So instead of calculating that operation again and again, I saw a speed boost when I cached the result inside an array.
5. Used hard-coded values where possible. If that wasn't possible, then I'd use a variable. And if that wasn't possible, I'd use an array. And finally, if that wasn't possible, then I'd use an object.
6. Inlining your code as opposed to using functions gives a slight speed boost.
7. Using Javascript's built in math functions as opposed to Monkey's gave a slight boost. All I had to do in Monkey was:

   #if TARGET="html5"

   Function Abs(value:int) = "Math.abs"

   Function Min(value:float, value2:float) = "Math.min"

   Function Max(value:float, value2:float) = "Math.max"

   #endif

Source is available on the Monkey Demos page.