Projects

I like creating fractals. They are simple instructions to do something that looks very complex. The result can't even be seen in the code, only in the output. This specific fractal is the Dragon fractal, or the Jurassic Park fractal. The fractal represents the folding of paper, but the algorithm I've created never reaches the middle fold and so it spins around.

Using canvas and video to convert a regular video to an ASCII video. It optionally also uses web workers. A lot of optimization has gone into this project. You can upload your own video and share the results of converting your video. You can read more on the blog post or start converting your own video now. HTML5 yo!

CDE is a script I'm developing to make DHTML a lesser pain than it is. It's a syntactic sugar for every day DHTML tasks, including a fade and roll animation. It uses chaining, which allows for neat code.

This demo is the next step after the car animation demo. It demonstrates the ability of a pure Javascript tile based game. It includes a (very simple) editor to create new tiles and another editor to rearrange the tiles of the scroll part. The tile scrolling itself is interactive as well since you need to move an actor around with the arrow keys.

After the parallax effect I went on creating a scroll demo involving a car. The demo is sort of a port from a flash animation tutorial. It's nothing special, just shows a scroll demo in Javascript.

A fun project involving several layers moving at once. This was just a proof of concept for me. It's an interactive demo with the mouse where multiple layers will move at different speeds causing a so called parallax effect.

Ever created or seen a map where one marker hides other markers? This ClusterManager fixes that. It acts as a regular marker manager and on top of that, it will cluster markers that would otherwise intersect. This script extends the work of ClusterMarker. There isn't an api available as such, but the source is completely commented. The functions that are not prefixed by an underscore were intended as the public functions. You can config the script at the top of it. Should be clear enough.

This script mimics the behavior of the GLayer object in Google Maps. This allows you to show a lot of mappoints (1000+) really fast. The usual limit is around 200 ~ 300. I've wanted to create this for a while, and now that I've done so I figured I'd post my results for other people trying to achieve this. It's a bit sloppy, but the source code is included if you want to work with it yourself. Note that Google uses a different method to get the same result for their Wikipedia and Panoramio layers.

This is a simple todo script (uses php, mysql, javascript) that allows you to track your progress on multiple projects. I wrote it for myself but feel free to use it. The application is completely dynamic, meaning everything is built up and broken down by javascript and all requests are done by AJAX and JSON. You can find the project file list here. You can download the previous version here (it still contains a few bugs I never bothered to fix).