July, 2013 Archives

displayInspired by the Apple TV screen saver, I created a way to display photos from Flickr on a web page. The display has three planes of photos to create a three-dimensional illusion, with fast-moving large images in front and slow-moving small images in back.

The Scrolling Display program is at mvjantzen.com/flickr/display.html. You can choose photos by selecting a user, a tag, or a set. You can also combine a user with a tag. After clicking “display photos”, you’ll see your options in the URL, and in fact you can edit the URL directly to modify your options, or use the link to share, such as mvjantzen.com/flickr/display.html?tags=transpocamp2013. » Continue Reading…

LetterballHere’s a new game your kids might enjoy. Letterball tests your skill at re-arranging letters in the right order to spell a word. The words are the names of commonly-known animals (there are 32 different animals). Click on the balls to spell the word left-to-right. You can undo a guess by clicking on it again.

The program is written in JavaScript. I had been studying D3, which led me to SVG, which led me back to the canvas element. The program was meant to be just a quick demo project of animation using the canvas element, but I wanted the letters to behave like billiard balls, and soon I was studying equations for conservation of energy, conservation of linear momentum, conservation of angular momentum, and brushing up on my trigonometry.

The game is my own invention, a bit like an animated hangman game. Try playing Letterball and let me know what you think.