Skip to content

Customizing The Welcome Image

Jump to bottom
Bacon Fixation edited this page Nov 25, 2020 · 15 revisions

Getting Started

The welcome image uses Canvas which has a ton of options that you can explore and customize. Some customizations are harder to do than others and this page is here to make it understandable. The options we want to change are inside the index.js file that is located in the Master-Bot root folder, which is the same folder that your config.json that you created earlier is in. You can edit index.js using your favorite text editor or coding program. The screenshots are from Visual Code Studios but the idea is the same.

Changing Background Image

  • JPEG (Recommended Format) easy to change
  1. Find(or make) an image that you like
  2. Rename your Image to wallpaper.jpg
  3. Move/Replace the old wallpaper inside '/Master-Bot/resources/welcome/' folder with your disired image
  4. Done

Adding/Changing Fonts

  1. Find a Font that you like, you can Browse Google Fonts.
  2. Take Note of the Font Name and Style Type
  3. Download the one you like and grab the Font file <font-name.ttf> and copy/move to the './Master-Bot/resources/welcome' folder
  4. Open the index.js file (same folder as you config.json) in your favorite text editor and search for Canvas.registerFont
  5. Change the file name to <font-name>.ttf and the Style Type example Bold, Italic, Light
  6. Search for ctx.font (there is 2 of them) and edit the font to what you set in the family: <Name> <style> in Step 5
  7. Save your work and you are Done
Clone this wiki locally