hlotvonen/glyph-drawing-club

GlyphDrawing.club is an online text art and modular design editor.

glyph-drawing-club's Issues

Highlight all cells with a glyph in it

This might not be necessary if I take out glyph size modifications and glyph offset.

Top-down & right-to-left writing modes

Remove RFNs

Would you consider removing the RFNs from the OFL font data?

RFN makes the fork/merge process of Github much harder than it needs to be, and forces subsets to change family names too .

Frames with onion skin (to make animation)

Save & load keymappings

Update React scripts

And replace

                return (
			<div>
			{rawSvgCellBg({glyphInvertedColor})}
			{rawSvgCell({
				glyphPath,
				svgWidth,
				svgHeight,
				svgBaseline,
				glyphOffsetX,
				glyphFontSizeModifier,
				rotationAmount,
				flipGlyph,
				glyphInvertedColor,
				glyphOffsetY,
			})}
			</div>
		)

with react fragments <>, when updated to at least React 16.0

Tooltips

Would be useful to have tooltips. For example

• Notify if the users has typing mode on
• Notify if the user has Caps lock on

Chrome & Windows errors when trying to drag and drop a font

Chrome & Windows when trying to drag and drop a font gives Uncaught TypeError: Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'. at HTMLBodyElement.GlyphSelect._this.onDrop

Revamp Keyboard shortcuts

Using hooks maybe?
Like this for example:

export function useKeydown(key, handler) {
  useEffect(
    () => {
      const cb = e => e.key === key && handler(e);
      document.body.addEventListener('keydown', cb);
      return () => {
        document.body.removeEventListener('keydown', cb);
      };
    },
    [key, handler]
  );
}

UI improvements

• unify button styles and icons

Color tool

• Edit background and foreground colors separately. Each cell has one background color and one foreground color.
• Save and load color palettes
• Fast risograph workflow (each color could have riso color percentages assigned, and users could export risolayers automatically.)
• Color editing (hex / rgb)
• Coloring tools (paint brush, keyboard shortcuts for both individual and selection area)

Taiwanese ANSI redraw

Create a new, smaller font that has half bit characters

Layers

It would eliminate the need for many glyphs in Tesserae by making it possible to combine multiple shapes on top of one cell. See example here: https://codepen.io/heikkilotvonen/pen/XoGbNx?editors=1000

• Each cell would have it's own layer (instead of the canvas having multiple layers).
• Each layer could be rotated and flipped
• Each cell would have one background color and one front color
• Each cell could be rotated, flipped and inverted (so that each layer gets the same transformation)