Adding an emote

Static Emote

Add transparent file (in .png format) to assets\emotes\emoticons

Add emote to emotes.json

Animated Emote

Step 1:

Go to https://ezgif.com/gif-to-sprite and upload your file

Tile Alignment:

Stack horizontally

Tile size:

This is how much space your emote will occupy in chat. Look at other emotes for reference using the browser's developer tools.

KEKW for example occupies 62 width and 32 height.

After conversion, take note of the total width of the sprite sheet and the amount of frames it has. Both of these are shown on the conversion to sprite sheet page. For KEKW it's 1024px and 16 keyframes

Step 2:

Inside the project you have to change two files and add the emote spritesheet.

Add the spritesheet file (in .png format) to assets\emotes\emoticons-animated

Add the emote to emotes.json

In Anim.scss you have to add a new sprite-animation that works with the emote that you want to add. Take inspiration from the other sprite-animations in the file and use your own total width (1024px for KEKW) and amount of keyframes (16 for KEKW). After that you have to fiddle around with the other settings so that it looks good.