- CSS 44.3%
- JavaScript 38.5%
- HTML 17.2%
| .github | ||
| generator | ||
| resources | ||
| .gitignore | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
rpg-cards
RPG spell/item/monster card generator
Preview
Click here for a live preview of this generator.
Documentation
Click here to read the documentation.
Installation and Updating
This project consists almost exclusively of static HTML/CSS/JavaScript files, but it needs to be build at least one time to work.
The build will update /generator/icons folder with content from:
- The game-icons project.
- Fonts from the gameicons-font project.
- And any .png or .svg files you have added to ./resources/custom-icons (you must build the project and refresh the page in the browser in order to use them).
To setup or update this project:
- Checkout this GIT repository
- Make sure you have Node.js installed. The Node installation usually bundles the
npmcommand-line interface. We strongly recommend using a Node version manager like nvm to install Node.js and npm. - Open the Terminal (or Command Prompt for Windows)
- Go to the repository folder
- Run
npm install
To build this project:
- Run
npm run build
To lanunch the generator locally on your browser:
- Run
npm startto run the local HTTP server, then open one of the indicated URLs (e.g. http://localhost:8080) in your browser. Please use localhost instead of other aliases, since it is treated as a secure context. This enables access to more advanced JavaScript features.
To deply the generator into a website:
- Deploy the content of the
./generatorfolder to your server (i.e. using an FTP client)
Support
I (the original author) am not maintaining the project anymore, and will not be responding to issues or reviewing PRs. However, I have given write access to a few collaborators that are maintaining the project. Please reach out to me if you want to be included as collaborator, or if you want to take ownership of this project.
FAQ
- What browsers are supported?
- A modern browser (Chrome, Edge, Safari).
- IE and Firefox are not supported (Firefox due to privacy concerns).
- Cards are generated without icons and background colors, what's wrong?
- Enable printing backround images in your browser print dialog
- The layout of the cards is broken (e.g., cards are placed outside the page), what's wrong?
- Check your page size, card size, and cards/page settings. If you ask the generator to place 4x4 poker-sized cards on a A4 paper, they won't fit and they will overflow the page.
License
This generator is provided under the terms of the MIT License.
Icons are made by various artists, available at http://game-icons.net. They are provided under the terms of the Creative Commons 3.0 BY license.