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/
Show HN: RoughJS – Create hand-drawn graphics using JavaScript
41–50 of 103 posts
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#42A 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?
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 :-)
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#43This has made me so much happy. Thank you. Brilliant stuff. I've been looking for something that does this and have just started having fun with this problem using P5.js and playing around with splines, perlin noise etc.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#44Has anyone attempted to combine this with D3?
Related work: https://github.com/emeeks/d3-sketchy
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#45If 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 great. Thank you both for these fiddles. I've been doing a lot of SVG DOM stuff. Mostly tied to maps. I'm excited to try this out.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#46Aw man I love this.
Thank you!
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#47Well, this just solved two problems I've been trying to figure out for months -- thanks, shihn! GitHub link: https://github.com/pshihn/rough
I'm assuming you're joking :P But if it really solved 2 of your problems, I'm curious what they were?
I’m assuming the parent commentator wants handdrawn-like graphics for a service or machine generated content, but wants them in different styles. Thus, tweaking what you’ve written allows him to solve both.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#48Does anyone else get a fancy pants adventure vibe from this?
There's a critique about digital art in general here: over-perfection is dull. I'm all about that wabi-sabi.
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#49This is awesome! Do you have plans to integrate with canvas.js?
Re: Show HN: RoughJS – Create hand-drawn graphics using JavaScript
#50This is fantastic!