Documentation

Current Limitations
  • This app only uses free fonts, which means the text will never look exactly the same as official cards.
  • There is no manual formatting to do things like make certain words bold or wrap lines at certain points.
  • There is no way to add custom icons.
  • The app may have issues on some devices or browsers, especially mobile.
Usage Tips
  • In general, the app has been coded to take input in a plain text format and convert it to the desired output. The intention is to make it easy to copy and paste designs from a simple text document, without having to make many changes to how you would naturally format things.
  • When you download the image, it will be at a resolution fit for printing at 300dpi.
  • In general, special formatting detection is not case-sensitive. (Ex: "Power:" and "POWER:" are both valid.)
  • To make the arrow bullet points on the Hero Character Card Back, use ">" or "-".
  • To make phase sections, you can use "Start Phase: " or "Start Phase" or "[Start Phase]". You can put the corresponding game text on the same line as the label or on the line below the label.
  • To make an (H) symbol, type "(H)". To make a [flip] symbol, type "[flip]", "(flip)", or "(F)".
  • JSON Input

    The JSON Input field takes in standard JSON input, although to assist in copying from a large list of JSON objects, trailing commas are trimmed.

    This feature is intended to have some ability to "save" card layouts for easy editing in the future. (In the future, there may be an Export to JSON option!)

    The following fields are parsed by the application:

    • Title: The name of the card
    • Keywords: Keywords like Item, Ongoing
    • HP: Hit point value, if anyGameText: The text in the game text box field of the card
    • Quote: Text to go in the quote box
    • Attribution: Quote attribution
    • ImageURL: External URL to retrieve a card image from
    • ImageX: X position adjustment for card image (negative goes left, positive right) (from -50 to 50)
    • ImageY: Y position adjustment for card image (negative goes up, positive goes down) (from -50 to 50)
    • GameTextSize: scaling of text in the GameText box (from 80 to 100)
    • ImageZoom: How much to zoom in on the card image (from 100 to 500)
    • Suddenly: toggle for if card should be rendered using the SUDDENLY template (any value works, delete field if you don't want suddenly)

    I recommend using https://opensheet.elk.sh to convert a google spreadsheet into a JSON file that will be easy to copy/paste into the application.

    An example:

    • https://docs.google.com/spreadsheets/d/1HwPeSsrAI2GYZuSJuTjFhAxM5Dtlbl_jBoBMk5EfLiA/edit#gid=1672119651
    • https://opensheet.elk.sh/1HwPeSsrAI2GYZuSJuTjFhAxM5Dtlbl_jBoBMk5EfLiA/1
    • https://jsonformatter.org/json-pretty-print (to convert it into an easy to copy layout, any JSON prettifier works)
Credits

This app was designed and coded by Colin (they/them), a.k.a. Colcoction.

Additional features were contributed by TheWyrmSuperior.

The card gallery uses card details transcribed by BartKF.

The fonts in use are as follows:

  • Title and keywords: Boogaloo
  • Normal game text: Noto Sans
  • Power and reaction labels: Work Sans
  • Phase labels: Avengeance Mightiest Avenger
  • Quote and attribution: Unmasked BB

Special thanks to Angille and Dean/Meat for their support in the early stages of this project.

This project was partially inspired by spiritforge.app.

Hero Deck Back

Home
Adjustment Controls
Adjustment Controls
Adjustment Controls
Adjustment Controls