Rough.js - ラフに図形を描く

コンピュータが描く情報は正確です。しかし、正確すぎるためにちょっとしたずれが気になったりします。直線がほんのわずかに曲がっていたり、二つの線がずれていると直したくなってしまうでしょう。しかしそれによって失われる時間は大きいです。

そこで使ってみたいのがRough.jsです。手で書いたようなラフな線を引くライブラリです。

Rough.jsの使い方

例えばこんな感じです。ずれていますね。

塗りつぶし。ちょっとはみ出てるのが良い感じです。

四角を描かせてもまったく同じではありません。

円弧なども。円グラフにも使えそうですね。

アメリカ合衆国の一部。縁の描き方が違います。

SVGと合わせて描くこともできます。

Rough.jsを使えば手書き風なラフなドローイングが可能です。正確ではない分、ラフにスケッチするのに向いているでしょう。このくらいの方がちょっと間違いを気にせず、どんどん描いていけるはずです。

Rough.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。