JSBeatdown is a fighting game/beat-em-up using recognizable characters from anime such as dragonball. The game is quite simple; beat the other guy up!
To start the game press space. The A and D keys move left and right, respectively. J to punch and K to kick. M mutes the music, P pauses the game.
The project was built using the following technologies:
JavaScriptfor game logicCanvas APIfor animating background and spritesWebpackfor bundling JavaScript files
The game is structured as follows:
index.js: Tracks and updates game state (positions of characters, health values, game loop)
sprite.js: Sprite class that other sprites inherit from. This prevents repeated code.
goku.js: Sprite class for the playable character and first opponent. Contains 2D arrays with positions of sprite.
ichigo.js: Same as goku but for a different character. Some custom animations necessitate the need for a separate class.