The Story of a Knight

by Marco Sors 1 year ago Filed Under: Storytelling

Marco Sors created an interesting map that tells the story of a Knight. Here is his take on the creative process of a multimedia story.

Can history be fun? With visual storytelling, maybe yes.

I’ve built the hypothetical adventure of a medieval knight using the recent resources of frontend development, to show how the past can be reinterpreted and become contemporary: Story of a knight. Use the numbers on the bottom-right to move the knight around Italy, Balkan area and Austria in a sort of “self-growth novel”.

I’ve used and merged some technologies:

  • The background is a big Google map iframe (covered by a parchment in alpha opacity to give an ancient look and feel)
  • Multimedia contents with HTML5 video and audio tag
  • Font-face with old taste (Essay1743)
  • jQuery plugin Scrollpath by Joel Besada to animate the DOM
  • Icons used in a infographic way

The red color in details is useful to give a recurring element and narrative coherence.
It would be nice to do something similar (but more in-depth) to tell the life of important historical figures like Carlo Magno, Marco Polo, Cristoforo Colombo, Napoleone…and so on.

Marco Sors is a freelance front-end developer who fell in love with visual storytelling, infographics and data visualization. Check out the blog cartesiani.it (in italian) or his personal website www.web-expert.it