Make your own FediCard!

This tool lets you create custom trading cards. It's inspired by the social media communities of "The Fediverse", but you can also use it for other trading card purposes too!

Programming by @nash.
Art & UI design by @hexephre.

Notes

  • The app will automatically resize your artwork image to closely fit the frame. You can drag the image around & adjust the zoom to customize its position.
  • For a perfect-fit, the card artwork frame is 1280x720. Anything with a 16:9 ratio should line up nicely as well.
  • The exported card image is 1500x2100 -- 600dpi for a 2.5" by 3.5" card, if you're wanting to print! We have a downloadable card back on this page as well!

Keyboard Shortcuts

Ctrl + Shift + E: Toggle Emoji Picker

Navigation
Tab: Next UI element.
Shift + Tab: Previous UI element.
Ctrl + Arrows: Keyboard navigation.

Screen Reader
Ctrl + Shift + S: Toggle screen reader.
Ctrl + Shift + R: Read selected text box.
Ctrl + Shift + D: Interrupt screen reader.
Ctrl + Shift + { or }: Decrease/Increase screen reader speed.
Ctrl + Shift + N: Next voice.

Troubleshooting

  • Some browsers encounter an error saying Cross Origin Isolation & Shared Array Buffer features are missing. You may be able to get around this by loading the embedded cardmaker directly from the following link: https://html.itch.zone/html/9798112/fedi-cardmaker-1-0-1/index.html . Otherwise you might need to try a different browser.
  • Generally speaking, the cardmaker doesn't work on mobile devices. The main reason for this is because the program can't access / display your device's on-screen keyboard, so you won't be able to type unless you have a physical keyboard.
  • The program can't access your computer's clipboard, so unfortunately you won't be able to paste text into the app.

Open Source Assets

StatusPrototype
CategoryTool
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(10 total ratings)
AuthorNash High
GenreCard Game
Made withGodot
Tagstrading-card-game

Download

Download
fedicard_back.png 4 MB
Download
Card Template (GNU Image Program) 39 MB
Download
Card Template (Photoshop) 24 MB
Download
Card Parts & Textures (PNG) 12 MB

Development log

Comments

Log in with itch.io to leave a comment.

(2 edits)

Hey! When I hit “Run cardmaker,” I only get:

Error

The following features required to run Godot projects on the Web are missing:

Cross Origin Isolation - Check web server configuration (send correct headers)

SharedArrayBuffer - Check web server configuration (send correct headers)

I’m in Firefox on Linux Mint. I just saw Zekovski’s suggested fix below.

Ahhh, did that workaround not work for you? That direct link & trying a different browser are the only tricks I know of for this issue. It's extra odd though, because I'm also using Firefox on Linux Mint, and I don't get the error. But there may be some other browser or OS settings involved too.

(1 edit) (+1)

If you get the error "The following features required to run Godot projects on the Web are missing", someone suggested to load the cardmaker directly and it might work :

https://html.itch.zone/html/9763589/fedi-cardmaker-1-0-0/index.html

Or you can use another web browser.

the itch.io overlay ("View all by Nash High" etc) covers part of the interface. You should be able to evade this by enabling Fullscreen Button under Edit Game > Embed Options > Frame Options 

(+1)

Oh, good call! I have enabled that.

(+1)

i love it