The image registration point

On at JavaScript canvas the registration point is the top left corner.

So in hit detection you have to calculate the x-position, the image width and height. In layout you should be able to figure out where to plage the images, and illustrations.

  • Y = “up / down”
  • X = “left / right”

( I tend to forget this … )

The image registration point.
The image registration point.

Canvas Animation

With a canvas you can animate your page. You can use images or draw geometric figures on the canvas. Here are some tutorials for canvas animation.

Parallax Effect ( Multilayer animation )

The following presentation is not strictly JavaScript but a sum up of a bunch of animation methods for the web: