comic.js·画像を手書きイラスト風に変換 MOONGIFT

アニメとゲームカテゴリーの変更を依頼記事元:

www.moongift.jp

5 usersがブックマークコメント

記事へのコメント2件

注目コメント
新着コメント

gayou 手描き風に変換してくれるライブラリ。

javascript

2015/07/07 リンク

mano-junki comic.js 手書き風にしてくれる

2015/06/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2015%2F07%2Fcomic-js-%25E7%2594%25BB%25E5%2583%258F%25E3%2582%2592%25E6%2589%258B%25E6%259B%25B8%25E3%2581%258D%25E3%2582%25A4%25E3%2583%25A9%25E3%2582%25B9%25E3%2583%2588%25E9%25A2%25A8%25E3%2581%25AB%25E5%25A4%2589%25E6%258F%259B%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2015/07/comic-js-%E7%94%BB%E5%83%8F%E3%82%92%E6%89%8B%E6%9B%B8%E3%81%8D%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E9%A2%A8%E3%81%AB%E5%A4%89%E6%8F%9B/">comic.js·画像を手書きイラスト風に変換 MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2015/07/comic-js-%E7%94%BB%E5%83%8F%E3%82%92%E6%89%8B%E6%9B%B8%E3%81%8D%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E9%A2%A8%E3%81%AB%E5%A4%89%E6%8F%9B/">はてなブックマーク - comic.js·画像を手書きイラスト風に変換 MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

comic.js·画像を手書きイラスト風に変換 MOONGIFT

コンピュータは実際のものをそのままに表現するのは得意です。3pxの線を引けば3pxになりますし、マウス... コンピュータは実際のものをそのままに表現するのは得意です。3pxの線を引けば3pxになりますし、マウスで辿った通りに正確に線が引けます。逆に人が書いたようにちょっと乱れた感じというのは苦手です。今回は画像をほんの少し崩した感じ、イラストっぽい雰囲気に仕上げてくれるライブラリcomic.jsを紹介します。 comic.jsの使い方 comic.jsを使った一例です。右側のオブジェクトに対して、左側のは若干崩れた線なのが分かるでしょうか。他にもこんな感じ。右側は手描きイラストっぽい雰囲気になっています。正確なのも良いですが、こういう風に仕上がるのも面白いですね。堅苦しいグラフもファジーに。ここまで細かくなると線の乱れで見づらくなるでしょうか。 comic.jsは既存の画像を取り込んで自動的にイラスト風（ライブラリ名からいくとコミック風に）してくれます。ほんの少し人の温かさが感じられる