nowfound

Life & fun · August 2, 2018

Create sketchy, hand-drawn version of image in browser with WebAssembly

Rough Draw creates a sketchy, hand-drawn version of any image using RoughJS and a WASM version of OpenCV.

Create sketchy, hand-drawn version of image in browser with WebAssembly launched on August 2, 2018 with 16 votes, #871 of 2,619 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 8 years on.

Visit pshihn.github.io ↗Alternatives

In plain words

Rough Draw is a browser-based tool that transforms any image into a sketchy, hand-drawn version. It uses OpenCV to detect shapes and contours in images by converting them to grayscale and applying threshold filters, then passes the contour data to RoughJS for rendering. The tool is designed for anyone wanting to create rough, artistic interpretations of photographs or images directly in their web browser.

written from the facts on this page · September 2026

From the sources

Rough Draw creates a sketchy, hand-drawn version of any image using RoughJS and a WASM version of OpenCV . OpenCV is used to detect shapes (contours) in an image. At first, the image is transformed to grayscale and then a threshold function is applied. If double pass is selected, an inverse threshold is also applied. Think of a double pass akin to applying a low-pass and a high-pass filter to a signal. Contours are then extracted from the image followed by extracting the average color inside that contour. The contour points are then passed to RoughJS which renders a sketchy version of the shape. The shape is then hachure-filled with the shape's averagefrom pshihn.github.io

Does a similar job

all alternatives →

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, August 2018

the whole month →
  • IM
    I'm 12, learning JS, and wrote Wolfram's cellular automaton in Node▲1,072

    Life & fun · 2018 · bitbucket.org

  • Loom for Desktop▲671

    Powerful video recorder. Now on Desktop.

    Dev tools · 2018 · loom.com

  • Handsome Illustrations▲644

    Create unique illustrations for websites & applications.

    Dev tools · 2018 · craftwork.design

  • Retool▲640

    Hi all, founder @ Retool here. We initially launched Retool on HN five years ago: https://news.ycombinator.com/item?id=14515494. The feedback was extraordinarily helpful then (e.g. we launched source control, on-prem, etc. based on HN comments), and we’re grateful for all of it. Today, we’re excited to get HN’s thoughts on one of our new products: Retool Mobile. It lets you build and deploy mobile apps in minutes, not days. The idea is there is a large class of line-of-business mobile apps, and the process of getting a simple form + button on a mobile device, in a native app,…

    Dev tools · 2018 · retool.com

  • Pts.js – A library for visualization and creative coding▲611

    Pts is a javascript library for visualization and creative-coding.

    Dev tools · 2018 · ptsjs.org

  • Retool – build internal tools faster▲592

    Build, deploy, and manage internal tools with Retool's unified engine. Connect to any database, API, or LLM. Leverage AI throughout your business.

    AI · 2018 · tryretool.com