Goalkeeping & HTML Canvas

Henry is the goalkeeper for his soccer team. I was practicing with him the other day and trying to explain how to protect the goal by forcing the offensive player to have only one side of the goal to play the ball to and then only at a very acute angle. Henry is 8 and so none of this really sank in. Once again, I wished I had a pair of magic lens so that he and I could literally see the angles I was taking about overlaided on the playing field.

I was retelling this story to Geoffrey and I realized this was a small enough visualization project to perform my first canvas experiment. And here it is

Source

Update: Sometimes I am so old-school. I should be referencing augmented reality.