(NAME)
(DESCRIPTION)
THR
FURY
(Flavour text)
Damage
1
2
3
4
5
6
1
2
3
4
5
6
Model A
1
2
3
4
5
6
7
8
Model B
1
2
3
4
5
6
7
8
Model C
1
2
3
4
5
6
7
8
Model D
1
2
3
4
5
6
7
8
Model E
1
2
3
4
5
6
7
8
Model F
1
2
3
4
5
6
7
8
B
4
3
S
6
5
M
2
1
(NAME)
SPD
STR
MAT
RAT
DEF
ARM
CMD
6
6
6
6
6
6
6
(WEAPON)
R
POW
AOE
ROF
RNG
10
-
1
10
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
FA:
PC:
Card Generator created by Soul Samurai. No copyright infringement intended.
(NAME)
SPELLS
COST
RNG
AOE
POW
DUR
OFF
(SPELL NAME)
2
10
-
12
RND
YES
(Details)
(Abilities)
Card Generator created by Soul Samurai. No copyright infringement intended.
(NAME)
(SPECIAL)
(Description)
Card Generator created by Soul Samurai. No copyright infringement intended.
(NAME)
SPELLS
COST
RNG
AOE
POW
DUR
OFF
(SPELL NAME)
2
10
-
12
RND
YES
(Details)
Card Generator created by Soul Samurai. No copyright infringement intended.
UPDATE: You can now save the HTML file directly if your browser supports HTML 5. New faction icons added.
UPDATE: You can now open the created card in a new tab, allowing you to save and print the final HTML with trivial ease!
I have put together a new version of my card creator. This one is slightly more flexible and much more user friendly. No more invisible buttons, no more copy-pasting icons URLs, from now on everything is handled through menus. Also, when saving the HTML the full functionality is maintained. This means you can easily save an offline version of the whole program. The only little trick you need to know is that clicking on the copyright message at the bottom of each card will open the main menu. Please be patient while waiting for the menu and dialogue boxes; due to the presence of embedded image data they can be slow to open sometimes.
Improvements include:
- Icons are now selected from a popup menu.
- It is now possible to save more than one profile on a single card, for units.
- There is an optional spell box on the second card.
- There is an optional damage track for multiwound units.
- The profile image can be scaled, translated, flipped, and the border radius can be edited (so it can be a square, circle, or somewhere in between).
- The final card can be opened in a new page.
The main menu allows you to show and hide various elements, add model and weapon profiles, add spells, and set the background colour or background images. You can also rotate the cards 90 degrees, to make it easier to get screen captures at larger magnifications.
Clicking on the model image box will open a popup dialogue; you can either paste an image URL or image data in base64 format. Pasting image data will embedd the image in the file, so it works offline, but the file size will be much larger. Images can easily be converted to base64 through online image converters, just do a web search for "base64 image converter", pick one and follow the instructions. Once you have pasted an image, the image positioning tools will appear. These can be hidden by clicking on the "X" at the bottom right corner of the tool area. They can be shown again by clicking on the image box and simply clicking on the "OK" button again.
I'm afraid that the only way to get the card as an image is to take a screenshot and crop the cards. I recommend taking screenshots at 200% magnification; text is not clear at lower magnifications and there seem to be some very minor text spacing issues (and element positioning issues when rotated) at 100% magnification.
You can save your cards in HTML form. This will create a stand-alone file that can still be edited. To do this, open the menu and click on the "Save as HTML" button. This can take a long time to open as there is a lot of text data to display. Copy the dialogue field contents and paste them in an empty text file (I have found that some text editors have difficulty with a single long line of text, so this step may require patience as well). Then simply change the file extension to ".html" and you will be able to open the file in a browser. By the way, if you want to view the contents of the created file, you can replace any instance of three space characters (" ") with a newline character to make the file readable again.
ALTERNATELY you can now use the "open in new page" button to open the final HTML file in a new page. You can print it directly from the page, or typically save as a PDF using the "print to PDF" option in your browser. Some browsers may allow you to save this page as an HTML file, others may not, but even then you can probably view the page source to select and copy the text, then paste it in a text file manually.
Here's a sample of the kind of cards that can be created:
Fantastic tool you've made here. Not just for warmachine either. I've started using it to make cards for warhammer 40k.
ReplyDeleteMuch more convenient than referring to unit entries in a book.
Thank you for providing this :)
That's great to hear, thanks!
DeleteThis is great. I'm having fun with it. Question, how do I adjust formatting of the text (font size and effects)?
ReplyDeleteI'm glad to hear that!
ReplyDeleteFirst of all, you can change the actual font in the main menu by clicking on the "set font" button at the bottom left. This will change the font family for the entire card, which is useful if your browser's default fonts don't look particularly good (a problem I've had in the past with some browsers).
However, to change individual elements anywhere else, just use HTML tags, as it's all HTML. So, for example, use <b></b> to add bold text, <u></u> to underline text, etc. You can change text size by adding style elements, so for example <span style="font-size: 120%"></span> will increase the size of text inside the span element by 20% over the page default (bear in mind that some elements already have different sizes set, so you might not immediately get the size you expected - a little experimentation might be needed).
For example, entering <b style="font-size: 200%;"><u>UTLIMATE WEAPON</u></b> in any field will display as bold, underlined text that is twice the default size. It probably won't FIT in most of the small fields, but would be fine in the larger text areas such as the back of the main card or the feat area.
Of course, since it's all HTML, you can even insert things like images or icons, you just need to be able to manually write the HTML for the desired effect.
2 years later...this is still useful.
DeleteThe Card 2 spell box doesn't show up
ReplyDeleteThanks for letting me know. Hmm, it's strange, but I think I can see it on some browsers and not on others. I'll try to figure out why it's not always visible.
Deletehow can i find the saved files as making my 7 year old own design of warcaster, also the icons are not showing when I save as a PDF?
ReplyDeleteThanks
I recommend saving the cards as image files; most computers will allow you to take a screenshot, some browsers such as Firefox are really good at allowing you to screenshot specific areas of the screen so you can select the cards themselves and not have to do any image editing afterwards.
DeleteUnfortunately at this time I have not found a good way to allow cards to be saved as PDF files. The built-in PDF function of browsers does not seem to work very well with the image files.
thank you
ReplyDeleteHi! What program did you use to make this card creator?
ReplyDeleteHi Vince, it's all just HTML and Javascript. If you click on "open in new page" then you will have the entire code available, you can view it using your browser's "view page source" feature or save the page as an HTML or even as a text file and open it in a text editor or IDE.
Delete