Code Monkey home page Code Monkey logo

munchkineditor's Introduction

MunchkinEditor

Create high-quality custom cards for the Munchkin card game!

For example:

(Note that I am not associated with the creators of the Munchkin game in any way.)

Start

Download and unzip this repository and save it to a location of your choice on your computer.

Open the file editor.html in a browser, e.g. Google Chrome (double-clicking the file should do this).

Use

You can see a preview of your card on the left. The card preview should display all changes immediately (or shortly after) you made them. If the preview does not refresh automatically, you can use the refresh button (๐Ÿ—˜) at the bottom.

The topmost button switches between door cards and treasure cards. If the card preview does not switch to the correct background after you clicked on this button, just click on the refresh button.

Hopefully, the text fields are self-explaining. Note that linebreaks (by the Enter key) are only supported in the main text fields (Text and Bad Stuff). If you want a linebreak in any of the fields Name, [Modify Monster] or [Change Level], you can type a # where a linebreak should be inserted. The other fields do not allow linebreaks.

With the button in the middle you can select an image to place on your card. The three fields below can be used to change the position and scaling of the image.

Save/Load

If you want to save your card, click on the save button (๐Ÿ“ฅ) below the card preview. This will save the card as .png and .html file in your "Downloads" folder. If you do not specify a filename in the text field right left of the save button, the filename will be created from the card's name.

If you want to continue working on a card, open the saved .html file. This will redirect you to the MunchkinEditor and insert all the parameters of your card, except the image. You have to load the image again, but position and scaling are saved from the last time.

Example

You can find an example for a custom treasure card (Sword in the Stone) in example. You can load and edit the card by opening Sword_in_the_Stone.html and loading the image 11515.png again. (The image was downloaded from Openclipart.)

Resources

The font files can be downloaded here and here.

munchkineditor's People

Contributors

tidoe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.