Live data from Hacker News

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

roughjs.com

91–100 of 103 posts

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

#91

A bit off-topic but a while ago someone posted a similar tool here on HN that allows one to produce diagrams - they looked pretty much hand-drawn. Does anyone have a link?

I bet you mean http://shakydraw.com, HN discussion here: https://news.ycombinator.com/item?id=14606544

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

#93
post #54

Earlier quoted context omitted.

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.

i dont know polymer at all so i didnt know how to use react-polymer - anyone want to give it a shot?

in the meantime ive started writing a pure react version of it: https://github.com/sw-yx/react-wired i have not published to npm yet

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

#94

Earlier quoted context omitted.

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

Wonderfurl! It makes the kid see how a small algorithm saves time AND produces almost the same results as hand drawn animation. I have to try this myself with my own kids.

Absolutely! Assuming your 5 year old is some kind of savant. Otherwise, I can't imagine a kid actually understanding what is going on with a script like this.

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

#95

This is a very fun library. Following the tip in these comments from @bcjordan to repeatedly re-render, I've forked a little physics notebook by Jim Bumgardner apply Rough.js to the circle rendering: https://beta.observablehq.com/@jashkenas/tumble-wheel-with-r... Wheee. Edit: Too much fun. Here's another: https://beta.observablehq.com/@jashkenas/scratchy-eyes

This is not working in Firefox. Not sure why.

Both work well for me in Firefox 58

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

#96
That’s great, I’ve been looking for a Sketch 3 plugin that was doing that for a while (it doesn’t exist yet) It could potentially be wrapped in a plugin.

When presenting designs, in some situations you may want to show rough sketches and not high fidelity (or people focus on details rather than the big picture). Something like that would allow me to easily toggle between high fidelity to rough state.

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

#98
post #86

Having an option to make the result deterministic would be nice. That way you can use it for drawing stuff that's guaranteed to be rendered identically when loaded at different times.

Replace Math.random() with your deterministic PRNG, for example https://github.com/davidbau/seedrandom

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

#100
post #57

Earlier quoted context omitted.

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

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

I believe so. It's very close to what I've previously seen posted here.
Post reply on HN