mgechev/mk.js

Canvas implementation of basic fighting game which allows multiplayer over the network.

mk.js

This is simple fighting game created with HTML5 canvas and JavaScript. It has three game modes:

• Basic - with one active and on inactive player.
• Multiplayer - with two active players on one computer.
• Network - with two active players, playing over the network.

Each mode can be easily chosen by picking a gameType when specifying the game options.

The multiplayer mode can be tested here.

The Network mode with Web RTC Data Channel Demo here.

For the network game you need to install the server:

git clone [email protected]:mgechev/mk.js
cd mk.js/server
npm install
node server.js

The server will be started on port 55555. Open your browser and go to http://localhost:55555. Both players must enter the same game name to play together.

Configuration

In this section I'll describe in short how you can configure mk.js.

• arena - object which contains different properties for the arena.
  • arena - type of the arena. The different arenas are listed at: mk.arenas.types
  • container - parent container of the canvas which is the actual arena.
• fighters - array of two objects which are the two players.
  • name - player's name. It's case insensitive string without any special characters and white space.
• callbacks - callbacks which will be invoked when some events happens.
  • attack- callback which will be invoked on successful attack
  • game-end - callback which will be invoked on game end
  • player-connected - callback which will be invoked in network game when the second player is connected.
• game-type - specifies the game controller which will be used. Possible values are: network, basic and multiplayer.
• gameName - used in network game.
• isHost - used in network game, tells the game controller whether the current user have created the game.
• reset - a method which reset the game. It clean some references and call the reset methods of lower level components. Calling it will lead to removal of the game canvas.

License

This software is distributed under the terms of the MIT license.

mk.js's Issues

Reset functionality

Reset functionality should be added to the game.
The game should have reset method which responsibility will be to clean references and delegate the reset action to lower levels of abstraction (such as the current game controller, arena, moves and fighters).
If the corresponding game controller implements its own reset method (for whatever purpose, for example reset the network connection), the reset method of the global object mk should call it.

Would like to use this, what type of open source license is this please?

can I do any special combos other than kicks and punches 😁?

the game looks awesome by the way ❤

Please I want a link to the game via mediafire

Please I want a link to the game via mediafire

File not cloning

$ git clone [email protected]:mgechev/mk.js
Cloning into 'mk.js'...
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
Showing this error☝

error occured

/Users/yasarsalim/Desktop/apps/html5games/mk.js/server/node_modules/socket.io/lib/store.js:35
Store.prototype.proto = EventEmitter.prototype;
^

TypeError: Cannot read property 'prototype' of undefined
at Object. (/Users/yasarsalim/Desktop/apps/html5games/mk.js/server/node_modules/socket.io/lib/store.js:35:41)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object. (/Users/yasarsalim/Desktop/apps/html5games/mk.js/server/node_modules/socket.io/lib/manager.js:16:13)
at Module._compile (module.js:571:32)

Key rebinding?

The default keys are not very intuitive...

Change settings - buttons

how to change buttons?

New Characters

Hey @mgechev !!!

Your work is so cool. and I really enjoyed it. as a mortal kombat fan, if you can, please add more characters like Scorpian, Jax, Kung lao or Liu kang. btw your work is cool. thank you for creating it.

Deduplicate Left and Right images

Hiu There? Wouldnt it make sense to deduplicate the left and right images and just flip the images by code? That would mke the sourcecode even smaller... and potentially even faster since your reusing the images (although that would be noticable on a fast computer with a fast connection).