Skip to content

pkt-zer0/brave_cats

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Card image generator

Used it for a custom Brave Rats retheme. Code is entirely throwaway at the moment, so temper your expectations. Most everything is hardcoded, so to use this you'd edit index.html and open it in a browser. (NOTE: the various art assets referenced are intentionally omitted to avoid any legal issues)

The basic idea is to assemble the desired output in an HTML element, then render that to a canvas, then save that to an image. This makes it pretty easy to apply fairly advanced effects (to text or otherwise) and quickly check the layout of various cards.

To change which card is shown, press the left/right cursor keys, or use up/down to switch between blue and red. Pressing S lets you save the current card to a file, and A will save ALL cards. (The summary cards are a different beast entirely, they're on their separate branch summary_card for now)

Print-and-play process

Some additional notes below for various tools used in my process.

For creating the background images, GIMP (and dozens of hours). For content-aware fill, Pincel worked well enough as a free option. For interpolating colors, this website was handy. Seemed to look better than just reducing opacity.

For aligning the card elements properly, this template (and explanatory video). size template: export from inkscape (find the original?) For generating a printable PDF from the individual card images, PnPBuddy. For setting up a print-on-demand order, MPC Autofill.

About

An HTML-based card image generator example

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published