AutoIt: Simple “Live reload”

So I've been recently looking for something to help with micro-debugging (mostly verifying output) of my JavaScript+HTML applications via automatically reloading test page on source change. I've found different solutions. Some rely on fetching file information. Some allow you to use a browser extension. Some only work on Mac. Some only work in single browser (when they do at all). But, well, what if I just want to test things on local filesystem in one or other browser without doing any extra juggling? Why aren't there any live reload solutions for this? Is it that hard? Well that's the point,

no it is not.

I mean, really. The whole process is as much as checking if file changed, and kindly asking browser to reload a tab if it did. Second part is slightly harder, but, fortunately, there is WinAPI with it's SendMessage support.
To keep things simple, I've just went and wrote the following micro-code in AutoIt:

Continue reading

HTML5+JavaScript: Tiled background cache

Not much of informative demonstration, but is cross-platform and shows performance.

If you've noticed, multiple systems are better at drawing single large images than lots of small ones.
Same applies to HTML5, meaning that filling a 640x480 canvas with 40x40 images using two for() loops is not exactly a good thing to do each frame.

Common solution to this problem is to create a 'cache' image that would hold a tiled version of image to be drawn easily.
That means drawing image W*H times only once in a while.

However, actually you can do even better than this.

Continue reading