Odyssey is storytelling via maps and it’s made by markdown and javascript.

Visualizations made via Odyssey.js

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 “Op-Art”

Your browser does not support the HTML5 canvas tag.

Ved hjælp af nogle simple loops kan man lave herlige geometriske former.