Screenshot of the Map the 'Verse, including clickable planets, moons, and route maps.

Screenshot of the Map the ‘Verse, including clickable planets, moons, and route maps.

I some point I decided to make a 3D map of the universe from the Joss Whedon TV series “Firefly.” When I was assigned a Javascript project, I decided to take this opportunity create the 3D map, despite knowing that 3D in Javascript wasn’t the easier means of creating an interactive 3D experience. I took it as a challenge, eventually discovered three.js.

With the help of Stemkosk’s Three.js Examples, I created a 3D map of the Firefly universe with clickable planets and the option to toggle route maps. Clicking planets or route maps provided information about the events and episodes that planet or route was associated with. The map was designed to work using mouse/trackpad input or using the motion sensor. If you want to check it out, the map is available here.