API Multimedia Deign

API – what’s out there?

The is s vast collection of APIs for web developers. It is a fine place to start if you need some API service for your website or app.

javascript Jquery MMD2 Multimedia Deign

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.
Animation Canvas html MMD2 Multimedia Deign

The X and the Y axis

The x and y axis.
The x and the y axis.


  • On the HTML canvas the top left corner is x = 0 and y = 0.
  • The y-axis is “up & down”.
  • The x-axis is “left & right”.
Canvas javascript MMD2 Multimedia Deign

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: