Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

roughjs.com

Post reply on HN
Print view View original

21–30 of 103 posts

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

#21

Post by ronilan »

This is fantastic!

Just made a quick rough "Mondrian" drawing app (using BlockLike.js[1])

https://s.codepen.io/BlockLike/debug/Bromox/PNAvYLPDGqDr

Click and Drag to rectangle.

Space key = black

r key = red

b key = blue

g key = green

y key = yellow

[1] https://www.blocklike.org/#getstarted

EDIT: If folks want to play with the pen: https://codepen.io/BlockLike/pen/Bromox?editors=0010

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

#22

Post by shihn »

ronilan wrote: post #21

This is fantastic! Just made a quick rough "Mondrian" drawing app (using BlockLike.js[1]) https://s.codepen.io/BlockLike/debug/Bromox/PNAvYLPDGqDr Click and Drag to rectangle. Space key = black r key = red b key = blue g key = green y key = yellow [1] https://www.blocklike.org/#getstarted EDIT: If folks want to play with the pen: https://codepen.io/BlockLike/pen/Bromox?editors=0010

Cool!

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

#27

Post by jashkenas »

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

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

#28

Post by kqr »

vjeux wrote: 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.

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

#29

Post by shihn »

jashkenas wrote: post #27

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 fantastic.
Post reply on HN