Giter VIP home page Giter VIP logo

inkscape-bingo-extension's Introduction

Inkscape Extension: Bingo Card Creator

Create Bingo cards with Inkscape.

How To Install

Open Inkscape and run Extensions > Manage Extensions ...

Go to the second tab (Install Packages) and select "Bingo Card Creator" from the list and click on Install Package.


Alternatively download the zip file from the release page and extract to your Inkscape extensions folder.


Works with Inkscape 1.2

How To Use

  • Open Extensions > Render > Bingo Card Creator
  • Set parameters as necessary and apply

Bingo params preview

Bingo Templates

When the extension is used on a document (template) with a bingo area, it will insert the bingo numbers into the predefined area(s) with predefined settings.

Create Bingo Areas

  • Open the Bingo Card Creator extension and set your content and layout settings.
  • Switch to the template tab and enable create bingo area and apply.

Bingo template param

This will include a bingo area into your document. You can now design your template. Group your design, select the group and clone the group. Label the clone to Bingo Area in the layer and objects dialog (Object > Layers and Objects). Create as many clones as you need. When finished run the Bingo Card Creator extension again. Disable create bingo area in the template tab and apply. All bingo areas will be filled with random numbers at once.

Manual setup of bingo areas

Create a bingo template by setting the label of a rectangle to Bingo Area. Clones of bingo-area-rectangles or clones of groups can also be used by setting their label accordingly. Optionally append numbers to the label such as Bingo Area #1 when multiple areas are in the document.

Use Inkscapes XML-Editor to add following attributes to the bingo-area-rectangle (optional):

Headline, font and colors

Attribute Type Example Description
bingo-headline string BINGO The headline text (none: no headline)
bingo-font-size float 20.5 Font Size
bingo-headline-color color black Headline color
bingo-color color #000000 The color for the numbers

Layout options

Attribute Type Example Description
bingo-columns int 5 Number of columns
bingo-rows int 5 Number of rows
bingo-column-range int 15 Number range for each column
bingo-render-grid boolean false If set to true a grid will be rendered
bingo-stroke-width int 1 Grid stroke width in document units

Free spaces

Attribute Type Example Description
bingo-free-rows int 0 Count of random free spaces in each row (british bingo)
bingo-free x.y;x.y 1.2;3.3 Semicolon (;) separated positions for free spaces. X and Y coordinates will be separated by a dot (.)
bingo-star boolean false If set to true, the number in the center will be replaced by a star

If an attribute remains undefined, settings from user input will apply. Attributes will be carried over to subsequent areas - until overwritten.

For a better understanding have a look at the samples in this repository.

inkscape-bingo-extension's People

Contributors

kaalleen avatar

Stargazers

 avatar Patrick Siebenbürgen avatar

Watchers

 avatar

inkscape-bingo-extension's Issues

There a problem

I have a problem trying to change a value. Can you correct it? or may the problem is from my side? Thanks.

usage: bingo.py [-h] [--output OUTPUT] [--tabs TABS]
[--content-tab CONTENT_TAB] [--layout-tab LAYOUT_TAB]
[--template-tab TEMPLATE_TAB] [--card_header CARD_HEADER]
[--font_size FONT_SIZE] [--header_color HEADER_COLOR]
[--num_color NUM_COLOR] [--rows ROWS] [--columns COLUMNS]
[--grid_size GRID_SIZE] [--render_grid RENDER_GRID]
[--stroke_width STROKE_WIDTH] [--num_range NUM_RANGE]
[--free_center FREE_CENTER] [--free_rows FREE_ROWS]
[--create_area CREATE_AREA] [--id IDS]
[--selected-nodes SELECTED_NODES]
[INPUT_FILE]
bingo.py: error: argument --grid_size: invalid int value: '20.00'

Whatever the number I put in, the extension sends me back that message.

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.