Use the LEFT and RIGHT arrow keys to change the rotation speed. Use UP and DOWN to zoom in and out.Hide names Fancy fonts
The background and overlaying panels are not on the canvas, but styled using CSS3 (notice the transparency, rounded corners, and glow effects). The 'Orbitron' font is pulled in from the Google Font Directory. Finally, the black panels are draggable thanks to the jQuery UI library.
Some years ago I made a similar Verse renderer using Flash and Actionscript 2, for a Firefly-themed roleplaying event. I thought it was nice to recreate it now as a normal web page, using the HTML5 Canvas.
Firefly is a 'sci-fi western' TV series from the mind of Joss Whedon. It's set in 2517, when humanity has been forced to explore the stars because ‘earth got used up’. The series follows the adventures of the renegade crew of the spaceship Serenity.
I love the series not just because of the action and the humour, but mostly for its wonderful combinations: eastern and western culture, spaceships and six-shooters, next-millennium technology and current-day dilemmas.
Sadly, only 11 episodes were ever made before the series got cancelled. Because many planet names are mentioned but never really detailed in those 11 episodes, any Firefly map contains a lot of guesswork (or rather, artistic freedom). This one is no exception.