Categories
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.
Categories
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”.
Categories
Canvas

Filled Circle Canvas

Turotial demonstrating a filled circle.

Sample by Eric Rowell @ HTML5 Canvas tutorials: