Skip to content

Release 2.2 - Tier List Creator

Compare
Choose a tag to compare
@BluuArc BluuArc released this 21 Aug 12:15
· 132 commits to master since this release

What's New

  • Tier List Creator
    • It's good for memes too
    • This was first asked of me on July 8. Here I am just around almost month and a half later with something functional! :)
    • This takes inspiration from this Smash Ultimate Tier List Maker.
    • Note: One limitation of this tool is that it only works in Chrome. Using in other browsers may lead to some unexpected and undesired behavior.
    • The Tier List Creator page can be accessed by clicking its link under the Compare page. From there, you're greeted with this interface.
      • The top lists some instructions for basic usage of the tool.
      • In the middle, you can see what your in-progress tier list currently looks like. By default, you get a generic tier list layout.
    • The bottom area contains 4 tabs: General, Entries, Export, and Links.
      • The General Tab allows you to import a tier list code, as well as control the header and footer text.
        • Here's what it looks like if you were to fill in all the text fields.
      • The Entries Tab is probably the most complicated tab in the Tier List Creator. Here, you can configure categories and which units go into which categories.
        • Every category has a configurable name, text color, background color, font size, order, and set of entries.
          • Titles can show up as multiple lines by toggling the "Multi-line" switch. Switching it on will convert the field to a text area. Text entered here will be automatically centerd in their respective category. For example, the "Everyone Else" category in the example image shows up like this.
          • The titles of categories do not auto wrap due to display issues when exporting as an image, but you can configure the widths of categories and the font size of each category title to fit your needs.
        • Every entry (which are units in this case) has a configurable parent category, order, and alternate art ID.
          • You'll only need to worry about alternate art on certain units (e.g. Elaina).
          • The value used depends on the URL of the alternate image art.
        • You can also configure whether to show art with the elemental frames, without the elemental frames (how they look during a quest), or to use the full illustrations of the units.
        • Widths of the category boxes can be changed by either entering a numeric value or using the buttons around the "Category Width" field.
        • The number of entries per row can be configured as well, ranging from as small as 3 entries per row to up to 20 entries per row.
      • The Export tab is useful for exporting the tier list. There are two ways to export a tier list.
        • Tier lists made with BFMT can be exported as an image. The process works like this:
          1. Choose your scale factor; this determines the size of the output image. By default, it will be 1, but you can upscale your image. Note that the export will fail for very large images, so be mindful of the scale factor used.
          2. Click "Generate Image". A dialog will appear indicating that the export process has started.
          3. Once the generation process has completed, the "Download Image" button becomes available. Clicking on it will open your image in a new tab. From there, you can download the image and/or upload it to your favorite image hosting service.
            • Note: Every time you make changes to the tier list, you will need to re-do the generation process.
          4. Share your image wherever.
        • Tier lists can also be shared as codes. This can be useful for keeping templates of tier lists or updating an existing list as new units are released.
          • Simply click the "Copy to Clipboard" button at the bottom to copy the code to your clipboard
          • Using an existing code is easy
            • In the General tab, paste your code into the "Import Code" field and click the "Import" button. The tier list should automatically update
          • Here are some codes used in this release post
            • Memes image
            What%20I%20Want%0Ato%20Summon-000000-ff8a80%2CWhat%20I%0AActually%0ASummon-000000-ffd180.unit-850768%2Cunit-810768%2Cunit-850728%2Cunit-850628%2Cunit-860578%2Cunit-820568%2Cunit-820668%2Cunit-850708%2Cunit-850568_2%2Cunit-850658!unit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287%2Cunit-61287.!0~footerLeft!By%20BluuArc~maxEntriesPerRow!5~scaleFactor!5~titleLeft!0~titleMiddle!Summoning%20Luck~titleRight!0
            
            • Showcase image
            Best%20Units-000000-ffffff%2CEveryone%0AElse-000000-ffffff.unit-50255!unit-61287.!~footerLeft!Left%20Footer~titleLeft!Left%20Title~titleMiddle!Middle%20Title~titleRight!Right%20Title
            
      • The Links tab works similarly to the links tabs in the Squad and Compare pages, where there's a list of cards that will take you to the full entry for the selected unit.
  • Other updates
    • The left navbar now contains a Discord invite link to /u/Linathan's Lima Laboratory, which has dedicated channels for BFMT along with other cool projects for the wiki (and BF in general)
      • This is the best way to discuss bugs, suggestions, etc. with me outside of GitHub (and also preferred over GitHub for discussion of stuff, but GitHub is preferred for logging confirmed issues).
    • Minor UI updates in relation to how things are highlighted (primarily links in the left navbar and action buttons in some dialogs)

What's next?

I do have one project I've been wanting to start that should help out the BF Wiki a bit. After that, it's back to more BFMT development.

A (not final) list of features planned for this tool:

  • A major architecture update (probably re-writing major portions) to focus on improving performance
  • Story viewing
  • Summoner data (maybe)
  • Whatever's listed in my TODO list

I'll still be doing a datamine update whenever the datamine gets updated (which is typically once weekly) as well as trying to fix bugs that arise.