This example removes the transparent masks, and doesn't tint an image when the mouse moves over it. We're also showing a 1-pixel border when an image is focused.

We've also changed the width of the invisible 'hotspot'. In the previous example it was 40 pixels, meaning that animation stopped when the mouse entered a 40-pixel-wide area in the center. Here we've made the hotspot the same width as the applet, so animation stops as soon as the mouse enters. As a result, the animation never accelerates or changes direction.

Finally, we've added sounds for mouse click and release events.