The code has been refactored, but that isn't that big of a deal. It still does the same stuff, it's just better organized into classes.
The biggest change in my mind was switching from individual graphics for each of the states that the cell can be in (a total of 128 images) to a single image.
In order to view a smaller part of a larger image in an IMG tag, one must use styles. In particular, one must use position, clip, left, and top.
Clip is by far the strangest style I have ever used. To specify a clipping rectangle, I need to pus something like:
clip:rect(0px 32px 32px 0px);
the order of the values in the rectangle are top, right, bottom, left... or what I had refered to as "completely stupid" when I first looked at it, but after thinking about it, and in thinking about other things that I do, like number directions in the order North, East, South, West, it makes complete sense. Plus it is important that styles were not created with programmers in mind, but rather designers.
so enjoy. pipes is starting to take some real shape.
