sffc / card-creatr-studio Goto Github PK
View Code? Open in Web Editor NEWSoftware for creating card game prototypes, made for Mac, Windows, and Linux. Powered by Electron and Vue.
License: GNU General Public License v3.0
Software for creating card game prototypes, made for Mac, Windows, and Linux. Powered by Electron and Vue.
License: GNU General Public License v3.0
(SPAM)
(SPAM)
(SPAM)
This suggestion from Marco was imported from the old issue tracker.
Idk if it's already possible, but would be very usefull to render symbols/icons in strings loaded as assets. Like:
"Trash this card to gain 2 "
where <fire>
would be rendered like a loaded jpg/png called "fire.jpg" in the assets.
David replied:
I've managed to get the image to show up in the editor. However when I export to PDF the element isn't rendered at all. But maybe this gives Shane some insight on how to implement it. Because I would also love to have this ability!
First add a field "cardtext".
Then go to the template and add the following directives:
foreignObject(x=0, y=30, width=180, height=100)
div !{cardtext}
Now you can set your card text like this:
Trash this card to gain 2 <img src="Absolute\Path\To\Your\Symbol.svg" style="height: 1em; width: 1em;" />
(SPAM)
(SPAM)
Sent by Brent Christensen ([email protected]). Created by fire.
I'm happy to program the SVG if there is a way to get at it to introduce a local Windows font.
Thanks again,
Brent
Brent R. Christensen
801.400.2852
On Mon, Feb 22, 2021 at 12:50 PM Brent Christensen <[email protected]> wrote:
Shane,
Is there any way to use a local Windows font that is not out on Google?
Thanks for your excellent work,
Brent
Brent R. Christensen
801.400.2852
Sent by Brent Christensen ([email protected]). Created by fire.
Shane,
Is there any way to use a local Windows font that is not out on Google?
Thanks for your excellent work,
Brent
Brent R. Christensen
801.400.2852
(spam)
(SPAM)
(spam)
(SPAM)
(SPAM)
Version 1.4
This is a template generated on Windows with quite a bit of custom javascript. I also used the trick to generate a csv from an external program and overwrite the cards.csv inside the ccst file. In the exported image, the top left rectangle of the Hyper-Toxicity card is an oval. In the exported PDF, the top left rectangle of the Hyper-Toxicity card is not an oval. The exported image is correct, and matches the preview inside of the program.
CCST File (added to zip file)
cards-ccst.zip
Image created from File > Export Card Images. The 6-F designator is inside an oval (correct).
PDF created from File > Export to PDF. The 6-F designator is inside a rectangle (incorrect)
print.pdf
(SPAM)
(SPAM)
(SPAM)
(SPAM)
(SPAM)
(SPAM)
Sent by Dmitry Yatcenko. Created by fire.
DeCard.exe: program for design/translation/redesign of card games.
Allows you to create set of the same type cards according to the template, by replacing text and pictures.
WITHOUT UNDERSTANDING SVG FORMAT WORK WITH THE PROGRAM IS IMPOSSIBLE!
The program works with images in SVG format and a text table with a separator <Tab> (supported by GoogleTable):
using macros [<column number>] - [1], [2] ... [xxx] substitutes the values of the text cells
tables into the displayed text or SVG attributes (color, visibility, font size, image link ... any SVG attributes!).
The native SVG 1.1 does not support text with images and auto-wrapping text,
(later versions are still at draft level and do not have a rendering engine)
but DeCard handles this:
For <text> with a (non-standard) tag <rect width = "???" height = "???" /> works auto-wrapping,
the macro [P] starts a new line, and the prefix [Z] activate text scalling (by decreasing the font size).
For HTML objects of type <foreignObject>, conversion to native SVG is performed.
If the specified height is not enough, vertical centering is performed.
The following HTML tags are processed:
<b> ... </b> <i> ... </i> <u> ... </u>
<p> ... </p> <br/> <hr />
<div align = "left / center / right"> ... </div>
<font size = "1..7" face = "Arial / Comic Sans MS / ..." color = "" text-indent = ""> ... </font>
<img src = "bitmap file" width = "xxx" height = "yyy" />
<use src = "# defs ref" width = "xxx" height = "yyy" />
<use src = "clipart.svg # ref" width = "xxx" height = "yyy" />
The SVG template can be developed in a third-party SVG (or text) editor, in the program itself there are minimal possibilities for this.
Also, for any tag (with all its nesting), the text replacement block works in the program:
For example - in the text table inside the cell for HTML-block use the macro "Gain 2[berries].", and the program perform the replacement:
[berries] = <use src = "# berry" width = "60" height = "50" />
[resin] = <use src = "# resin" width = "60" height = "50" />
...
The program is written in Delphi7, the source code is attached.
Author: Dmitry Yatsenko
[[email protected]](mailto:[email protected])
(ready to help with templates for free)
The program does not require installation, just unzip the archive.
Third-party utilities are used for rendering in PNG, creating and combining PDFs:
(PDF export is not compatible with SVG filters)
Core rendering library
<https://github.com/RazrFalcon/resvg>
The program comes with a 32-bit version of the libraries;
in the Win64 system, replace the files from the Render64.zip archive
Helper rendering library
<https://opensourcepack.blogspot.com/2012/06/rsvg-convert-svg-image-conversion-tool.html>
PDF merge tool
<https://community.coherentpdf.com/>
SVG format description
<https://www.w3.org/Graphics/SVG/>
https://drive.google.com/drive/folders/1NVAJs--uTpCYR3gauDGULkRTOfhTpZZk
A recent version added the ability to change the natural order of cards in the GUI. However, that does not affect the order of cards when printed. The order of cards in the PDF file should be the same as the order currently displayed in the GUI.
Sent by toby kurk. Created by fire.
Hello Shane,
Card Creatr Studio is great, thanks.
Can simple javascript functions be defined in Card Creatr Studio?
(Eg, a function to draw a set of circles and rect for to make a rounded-rect)
Thank you,
toby kurk
I want to be able to export my ccsb file to a spreadsheet, and I would also like to be able to import an existing spreadsheet into my ccsb file.
Comment from Steve:
There is actually a CSV spreadsheet file stored internally in the CCSB file. I recommend creating the fields you will use in your card layout(s) and then copy-pasting your data into that internal CSV file.
Linux Mint allows me to open the CCSB file just like a zipped folder. I'm not sure what Windows would do, but I'm sure a quick Google search should turn up tools capable of opening the CCSB file to let you get at the CSV.
(SPAM)
Sent by Matthias E.. Created by fire.
Dear Shane Carr,
I really like your Card Creatr Studio and find it quite useful. If there is any chance you continue the development I would love to see two more features.
1. a card group option would be awesome (bundle cards in folders)
2. add PUG support for text (multiline). I really miss this cause I can't add colors or bold/italic stuff to the text. Or do I miss something?
In any case keep up the great work!
Best regards
Matthias Eichner
(SPAM)
Sent by Edgar Fisher ([email protected]). Created by fire.
Please fill out your feedback below. An issue on GitHub will be created. You can alternative create a new GitHub issue directly:
https://github.com/sffc/card-creatr-studio/issues
----------
I really like this tool. I was wondering if there was going to be an export option that links to the file type used in TableTop Simulator (TTS). I think that would be amazing and would be a big draw to this tool. Also I think a lot of people could benefit from having good looking cards! Thanks.
(SPAM)
(SPAM)
The wooden background is the same both inside and outside the bounds of the card. Consider using a different transparency background behind the card boundary.
Sent by @sffc. Created by fire.
Please fill out your feedback below. An issue on GitHub will be created. You can alternative create a new GitHub issue directly:
https://github.com/sffc/card-creatr-studio/issues
This is another test issue.
This suggestion from Gabriel was imported from the old issue tracker.
I think it would be a cool idea to be able to scroll through cards. For example hold control and scroll and it will change to the next card in the preview and it will be the selected card.
(SPAM)
Sent by Chris Sells. Created by fire.
Please fill out your feedback below. An issue on GitHub will be created. You can alternative create a new GitHub issue directly:
https://github.com/sffc/card-creatr-studio/issues
----------
I was at Game Kastle the other day and saw your card. I'm the PM for the Flutter developer experience and curious if you considered Flutter for your multi-platform software. I'm happy to answer any questions you might have.
Sent by Ting Chow. Created by fire.
Please fill out your feedback below. An issue on GitHub will be created. You can alternative create a new GitHub issue directly:
https://github.com/sffc/card-creatr-studio/issues
----------
Hiya Shane,
I tried installing Card Creatr Studio on my Windows machine. Most of the warnings mentioned in the installation page came up, but apparently Windows claims that the publisher of the exe is unknown, instead of Shane F. Carr. Just want to double check if that's what should be showing up now.
(SPAM)
Sent by Shane Carr. Created by fire.
Please fill out your feedback below. An issue on GitHub will be created. You can alternative create a new GitHub issue directly:
https://github.com/sffc/card-creatr-studio/issues
This is the third test issue.
(SPAM)
(SPAM)
(SPAM)
(SPAM)
(spam)
(SPAM)
(SPAM)
(SPAM)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.