https://github.com/vgarciasc/crossword-studio

Web tool for making swedish-style crosswords.
https://github.com/vgarciasc/crossword-studio

Last synced: 14 days ago
JSON representation

Web tool for making swedish-style crosswords.

• Host: GitHub
• URL: https://github.com/vgarciasc/crossword-studio
• Owner: vgarciasc
• Created: 2022-07-31T12:50:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-17T12:23:48.000Z (about 1 year ago)
• Last Synced: 2024-10-04T20:23:02.244Z (about 1 month ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# crossword-studio

A simple web tool for making swedish-style crosswords. Access [here](https://vgarciasc.github.io/crossword-studio).

![](https://i.imgur.com/njdAjMy.png)

## Usage

### Board settings

Menu for setting up the entire crossword. Should only be toyed with at the beginning, since **saving these settings will reset the entire crossword**!!

- **Width, height**: dimensions of the crossword (usually, 11x16).

- **Default font size**: default font size for the entire crossword.

- **Rectangle size**: size (in pixels) for each cell in the crossword.

### Cell details

Menu for constructing the crossword, one cell at a time.

- **Position**: position of the cell in the crossword (read-only)

- **Hint**: text to be displayed in the cell. If you want to display more than one hint in a single cell, use the pipe (` | `) to separate each hint.

  - Example: "`Hint A | Hint B`" represents two hints. However, they won't both immediately be visible -- you still need to configure the size of each hint in "Separations".

- **Separations**: the percentage of space taken by each hint. By default, its value is `100`: 100% of the space is taken by a single hint. However, when displaying multiple hints in the same cell, configuration is necessary.

  - Example: "`60, 40`" means that the first hint will occupy 60% of the cell space, and the second hint will occupy 40%.

  - Example: "`30, 30, 40`" means three hints occupying 30%, 30% and 40% respectively.

- **Font sizes**: defines the font size for each hint.

  - Example: "`11, 12`" means that the first hint will have 11 font size, and the second one will have 12.

- **Arrows**: a list of which arrows to display in the current cell. See image below.

| Direct arrows |    | Corner arrows (clockwise) |      | Corner arrows (counterclockwise) |      | Diagonal arrows |    |

|---------------|----|---------------------------|------|----------------------------------|------|-----------------|----|

| Up            | ^  | Left up                   | ^-   | Up left                          | <-\| | Upper left      | ^\ |

| Down          | V  | Up right                  | \|-> | Left down                        | V-   | Lower left      | V/ |

| Left          | <- | Right down                | -V   | Down right                       | \|_> | Upper right     | /^ |

| Right         | -> | Down left                 | <_\| | Right up                         | -^   | Lower right     | \V |

![](https://i.imgur.com/NaOwLBr.png)

- **Cell format**: can be empty, "`\`" or "`/`" (useful for double-letter cells).

![](https://i.imgur.com/w8nytgY.png)

### Importing & Exporting

Menu for saving and uploading crosswords.

- **Update**: updates the text area with the JSON representation of the current crossword.

- **Load**: replaces the current crossword with the one represented in the text area's JSON code (this will remove current changes!)