Live data from Hacker News

Show HN: RoughJS – Create hand-drawn graphics using JavaScript

roughjs.com

51–60 of 103 posts

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#51

If you repeatedly clear canvas/draw with a setInterval of ~100-200ms, looks kind of like the hand-drawn un-stable lines art style of Squigglevision (Dr. Katz / Science Court) :) EDIT: If folks want to play with a JSFiddle: https://jsfiddle.net/49g2Leqw/9/

Reminds me of the art used in yoshi story. Awesome!

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#54
post #20

I used some of the same core code to create sketchy UI controls using web-components: https://www.webcomponents.org/collection/wiredjs/wired-eleme...

Any plan for a react component?

I'm not planning to at the moment, but if someone wants to write a wrapper, go for it.

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#55
post #28
post #8

In the same vein, I've been using Zwibbler ( http://zwibbler.com/demo/ ) for all the illustrations on my blog ( http://vjeux.com ) and it's been really nice to have images that look like they have been hand drawn.

It looks like you have to purchase a license to use it. The only price quoted on the page is $2999 -- a bit steep for some illustrations on a blog. Please explain.

I believe the $2999 price is for licensing Zwibbler so you can have it on your own site/app. For example if you had a company that made custom t-shirts, users could create their own designs using Zwibbler on your site.

On the other hand, if you just want to draw some pictures using the Zwibbler demo to put them on your blog, you don't need a license, and it doesn't cost you anything.

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#57
post #40

Earlier quoted context omitted.

If by diagrams you mean charts, possibly https://jakevdp.github.io/blog/2012/10/07/xkcd-style-plots-i...

This comes close enough but it's not the exact software that was posted around here :-)

was it this? http://shaky.github.bushong.net/

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#58

If you repeatedly clear canvas/draw with a setInterval of ~100-200ms, looks kind of like the hand-drawn un-stable lines art style of Squigglevision (Dr. Katz / Science Court) :) EDIT: If folks want to play with a JSFiddle: https://jsfiddle.net/49g2Leqw/9/

https://jsfiddle.net/adrice727/49g2Leqw/105/

This is the vehicle I programmed together with my 5 year old: https://jsfiddle.net/k1g6533y/13/

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#59
post #10

I would absolutely love a flow chart library that used this with decent text alignment. I used to prefer mermaid.js, but it silently fails in ways the don't work that well for me: https://mermaidjs.github.io/mermaid-live-editor .

Have you tried plantuml?

http://plantuml.com/

https://www.planttext.com/

Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript

#60

I like it -- it would be killer if there was a way to simply throw an SVG at it and have it convert the whole thing to this style.

There is an online tool supporting this called Sketchify. https://www.toolparadise.nl

You need to create an account (for storing drawing profiles), but the usage is free.

Post reply on HN