Platformer Portfolio

A unique way to show off my Portfolio.

• Based on the game engine made in this original article, view the source
• I used the Tiled Map Editor to build the stage
• Projects are illuminated when the player stands on a platform
• Click events above platforms also illuminate projects

Running Locally

1. npm install
2. gulp serve

TO DOs

• Mobile implementation:
  • When displaying fact div the new div obscures the view
  • Camera could move?
• Add live clients?
• Render Headlines Once with original map render

ATTRIBUTIONS

• Jake Gordon - Original Game Engine
• Modernizer - Mobile Detection
• Noun Project - Arrow Icons
• Tiled - Map Builder

FRAMEWORKS AND LIBRARIES

• Modernizer
• jQuery
• jQuery UI
• Tiled

BUGS

• Clicking causes links to stay on the first platforms link. ie Clicking nodejs then Javascript game displays the javascript game, but the link is nodejs
• Clicking while character is on a platform causes divs to lay on top on eachother

SUPPORTED BROWSERS

Modern browsers with canvas support

DEVELOPMENT

The game is 100% client side javascript, html and css. It should run when served up by any web server.

License

MIT license.