Custom Emoji
ExtPlug plugin that allows room owners to specify custom emoji. :awesome:
Installation
If you do not have ExtPlug yet, get it here.
You can install this plugin by going to your ExtPlug settings menu, pressing "Install Plugin", and entering this Plugin URL:
https://unpkg.com/extplug-custom-emoji
Room Settings
Note: This section is intended for room hosts only.
You can add custom emoji to your room by adding an emotes
property to
your room settings file. The emotes
property should contain an object,
with emoji names as keys, and emoji images as values.
You can also use the
emoji
property, but then your custom emoji won't work for users of the Radiant Community Script.
An emoji image can be:
-
a URL string. This will use the image at the given URL as the emoji. This is the simplest method and is probably what you should use, unless you have hundreds of emoji. (eg.
{ "my_emoji": "https://example.com/my_emoji.png" }
) -
a Sheet object. This will use a sprite sheet at a given URL, and grab the emoji from that. You have to specify both the URL, and the offset at which your emoji can be found. The
x
andy
offset properties form the value for a CSSbackground-position
property, so they should usually be negative and include thepx
suffix.For example, an emoji at 75px from the left, and 300px from the top, in image sheet
sprite_sheet.png
needs the following JSON:"my_emoji":Using a sprite sheet means you can load lots of emoji in one go, instead of waiting for dozens of small images to download, so it may be faster.
-
a Style object. This will apply any CSS styles you enter to the emoji. For example:
"pink_square":
Individual emoji should be exactly 15px by 15px in size. If they are smaller (or larger), they will be scaled to fit in a 15px by 15px box.
Full example:
Now, users can use the :smiling_bunny:
, :sad_bunny_one:
, and
:sad_bunny_two:
emoji.
Building
Note: this section is intended for developers only.
First, install dependencies:
npm install
Then, use:
npm run build
The plugin will be built using the ExtPlug CLI.
The built plugin will be stored at build/custom-emoji.js
.