SVG Hangman

概要

This game was "a just for fun" project that I made to get some practice with modern Web graphics and animation technologies. If you're interested in those things, keep reading! Graphics All of the game's graphics are SVG shapes. SVG (Scalable Vector Graphics) is a standard for representing images that uses shapes, lines, and coordinates instead of pixels. This means that they can scale to any possible resolution - see this in action by resizing your browser window! JavaScript All of the animations and logic for this game were written in JavaScript. Though most of this code is my own, I'm dependent on several libraries. jQuery - So widespread that its use is almost a given at this point, but for good reason: it provides a simple interface for working with the DOM, which is otherwise subject to all kinds of cross-browser strangeness. Velocity - Velocity is a new JavaScript library that provides similar functionality to jQuery's animate, but with improved performance. It also supports animation on SVG attributes, which is why I used it here. jScrollPane - Scrolling in the Terminal presented a unique challenge, but Kelvin Luck's jScrollPane gave me a simple API for solving these problems.