karjona / reapers

The Reapers: Tournament of Destiny is a JS fighting game for the js13kGames 2022 competition

The Reapers: Tournament of Destiny

Reapers is a fighting game made in TypeScript for the js13kGames 2022 competition. The main goal is to create a game in less than 13KB! The theme for this year was "death".

Go to karjona.github.io/reapers/ to play the game!

If you want to play the game with additional assets that couldn't fit in the 13KB limit, go to itch.io!

Backstory

On the green fields near Mount Serrat, two otherworldly entities, Omiquiel, the devourer of souls, and Nomiquiel, the bestower of breath, come together once every thousand years to fight for the dominion of the living realms.

In a battle known as The Tournament of Destiny, they fight...

About the game

This 2D fighting game is based on fighting game fundamentals known as footsies or neutral game. I wanted to recreate some of the handled fighting games of old, like Street Fighter on the Game Boy or the SNK titles for Neo Geo Pocket!

Due to the size limit, the game's scope is minimal: you only have one attack and a parry. The goal is to keep your opponent at bay and to avoid getting hit. The game is played in rounds, and the first player to win two rounds wins the match.

Will you bait your opponent's attack and parry it? Or will you try to get in close and land a hit? The choice is yours!

How to play

The game only has local multiplayer. You can play with a friend on the same computer or with a friend on another computer using Parsec or a similar service.

Controls

Player 1

Action	Key
Move left	S
Move right	D
Attack	X
Parry	C

Player 2

Action	Key
Move left	H
Move right	J
Attack	B
Parry	N

General

Action	Key
Show hitboxes during play	T
Start the game and menu select	X

How to build from source

You will need Node.js 16+ installed on your machine. Vite is used as a dev and build tool.

# Install dependencies
npm install

# Run the game in dev
npm run dev

# Build the game for prod - output will be in the dist/ folder
npm run build

Tools used for development

• Vite - dev server and build tool
• TypeScript - language
• Kontra.js - game engine
• zzfx - sound effects
• Tinyfont - game font
• Aseprite - sprite editor

Credits

All code is written by me, Kilian Arjona. All art, backstory, and sound effects are made by my beautiful wife, ❤️ Valeria Sivkova.

Full license can be found in the LICENSE file.

reapers's Issues

Implement round timers

Implement hurtboxes

Hurtboxes define how to hit interactions between both characters behave. We must have at least two attacks: a jab (fast, short reach) and a strong (slow, long reach). All attacks must have at least these properties:

1. Damage
2. Start-up frames
3. Active frames
4. Recovery frames
5. Where to "spawn" the hurtbox in relation to the character sprite

Compose music

Implement "How to play" scene

Implement basic combos

Implement super moves

Implement intro/attract mode

Round win text doesn't show after rematch

Implement rounds and victory screen

Explore mobile controls

Enhance aspect ratio/center canvas

Refine game balance

Implement special moves

Implement stage scrolling

Implement vs CPU mode

Move ground level to sky

Implement health bars

You can push player 2 without contact

Under strange circumstances you can make contact with player 2 for a single frame? and you will push it to the screen limit without having to make contact again.

Implement dashes

Improve code structure

To quickly start coding, I wrote all logic in a single, quick, main TS file. I have to improve this before it gets out of control.

Implement training mode

Implement title screen

Implement 2P controls

Implement a build/compress workflow

Create remaining SFX

Single key press activates/deactivates hitbox feature multiple times

When pressing the "h" key to show or hide the hitboxes, you toggle the feature multiple times, as if it had the "turbo" feature in a gamepad enabled. Looks like we don't have to check every frame if the key is pressed?

Optimize and compress

Write README

Add particle effects on hit

Automate build

Player idle animations are desync'ed after rematch

Write dev journey/post-mortem

Implement stage background

Implement music and sfx

Match end animation is not centered on canvas when transpiled

Implement blocking

Rematch cursor flashes shorter each time

Implement debug/training data

Trying to push the other player out of bounds bounces player 1px

Implement second character

Implement guard break

Implement match end animations

Explore gamepad controls

Implement round end animations

Implement hit stops