Live data from Hacker News

Show HN: Handwritten.js – Convert typed text to realistic handwriting

github.com

51–60 of 84 posts

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#51
I like how trivial it is over the sort of machine-learning solutions I envisioned when I clicked into it.

Does it not support a glyph? Just add it. Produces weird output? It's a bug, not a black box issue, just read the code. Want to use it or port it? It's just character substitution, go ahead.

A fun twist on the idea would be to generate an SVG path for each character and then apply some morphing to the path so character strokes are unique.

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#52
post #43

Is this different than a font?

Can a font pick randomly between different versions of the same glyph?

I know a font can define unique ligatures for every character combo, but that would still mean the same combos like "fi" always look the same. Nice thing about this low-tech solution is that it can be trivially scaled up to introduce its own ligatures yet pick from them randomly, just at the expense of chore work (making the images).

Of course, at that point, it would be tempting to start looking for a more general solution.

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#53
post #14

Earlier quoted context omitted.

This is really neat! I love how it looks, and the selection of styles. A couple of times, using Style #2, it generated a bunch of loops at the end: Text: "The quick brown fox, etc" Image: https://pasteboard.co/Jn0O17a.png Still - nifty, and fun to play with. Makes me want to find an application / excuse to use it :)

The model was trained on a relatively small dataset which has few occurrences of the letter x, almost none of which are in cursive. As you've found, asking the model to write out an x in a cursive style can totally derail the generation process.

Any ELI5 for people who know close to nothing about NN, AI, machine learning etc?

Like, how does one letter it doesn't know how to write well make it skip/mess up the following ones too? I mean, "derail" seems a fitting description to what I'm seeing, but how?

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#54
post #43

Is this different than a font?

Can a font pick randomly between different versions of the same glyph? I know a font can define unique ligatures for every character combo, but that would still mean the same combos like "fi" always look the same. Nice thing about this low-tech solution is that it can be trivially scaled up to introduce its own ligatures yet pick from them randomly, just at the expense of chore work (making the images). Of course, at…

There's a really good write up of this about the font Liza: https://underware.nl/case-studies/random-vs-clever/

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#55
post #5

Non-statistical methods of imitating handwriting are always fairly easy to identify as synthetic due to the uniformity of strokes and unnatural kerning (among other things). Even methods which incorporate random variations don't hide these artifacts sufficiently well. In my opinion, the only way to generate synthetic handwriting which is convincingly real is to use statistical methods (i.e. machine learning) to model…

If I write for example 5 letter "k" in a row (space separator), the technique used to write them varies in a way that irl wouldn't for a real human.I guess you could argue why would someone write 5 k letters. (I won't mention that I observed the same variation when repeating the process using a name of a certain notorious organization that uses 3 k letters)

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#57
post #26

How realistic is it to have no joined letters? Do many people really write large scale texts letter by letter with space between each? Sadly, the screenshot looks obviously artificial to me. Like handwriting fonts, I'd be very surprised if anybody thought it was really handwritten. It's not open source (because it is my handwriting (because my progressive MS means I can't do it manually)), but here's my hack: https:/…

> How realistic is it to have no joined letters? Do many people really write large scale texts letter by letter with space between each?

Most of the people I know do this. Myself, I have never ever written with joined letters except when required to in school.

I consider it a leftover from the era of fountain pens (which are terrible UX for me as a left-handed writing LTR languages).

Even my signature is based on separate letters (tho blurred together as sigs usually do).

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#58
post #5

Non-statistical methods of imitating handwriting are always fairly easy to identify as synthetic due to the uniformity of strokes and unnatural kerning (among other things). Even methods which incorporate random variations don't hide these artifacts sufficiently well. In my opinion, the only way to generate synthetic handwriting which is convincingly real is to use statistical methods (i.e. machine learning) to model…

Yours is amazing! By the way it has a big problem with "/" in the default settings. I tried doing a date like "08/20/2020" since that's something I need for signing forms but the slashes mangled it. Dashes worked ok.

Re: Show HN: Handwritten.js – Convert typed text to realistic handwriting

#60

Earlier quoted context omitted.

Works for me on iOS. Did you click the “write” button in the bottom right corner? It seems you have to tap it after any change in text or settings for it to update.

Yup, I did use the write button. It works on my laptop though. I checked the console and it was indeed throwing an error "Error: Backend name 'webgl' not found in registry"

Were you using actual Safari or an app’s stripped down UIWebView? If Safari, then I’m guessing you have a content blocker that’s stopping access to WebGL.
Post reply on HN