Live data from Hacker News

Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

roughnotation.com

21–30 of 76 posts

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#21

This could be the blink + marquee of this generation.

People certainly want to add extra oomph to posts. I could picture it being used either instead of or in addition to some of the emoji in a typical emoji-heavy pieces of content like this: https://twitter.com/MetroUK/status/1266078167590219776 (Not on twitter unless twitter implements this, but on the web)

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#22

This is really cool, but after looking at your twitter account and ROUGH.JS, so far I've been most impressed by this [0], which only had one retweet since I got to it. I'm a sucker for interesting maps. 0: https://twitter.com/preetster/status/1250862620103438336

Thanks. the idea behind rough was to provide primitives to draw anything. maps and dataviz are definitely one of the main use cases.

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#24
post #23

Looks wonderful! Anyway to get it to only draw the annotation once? Looks like everything gets two passes which adds to the roughness but also adds a bit of noise and delay to the animation.

Yes definitely possible. It just looks more sketchy with two passes. And it should be easy to configure. Perhaps add to the issues with any thoughts? Thanks https://github.com/pshihn/rough-notation/issues

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#26
Amazing! There are many cool libraries now thanks to author.

1. Roughjs - rough primitives https://roughjs.com/

2. roughViz - rough data visualization https://github.com/jwilber/roughViz

3. Wired-elements - rough wireframes https://github.com/wiredjs/wired-elements

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#29
post #10
post #8

Earlier quoted context omitted.

how?

I could see it being used for screenshots of text to draw attention to certain points. Tweets, facebook posts, etc.

Code-annotated screenshots would be rad, a bit like LogRocket logs a session, but static, so you can receive feedback and immediately act on it.

Killer features also as GitHub Action/App

Generate a shareable/anotable link on every branch/pr

Make annotations back to GitHub issues, so they can be tracked/resolved there, and added back to the annotation UI as such.

And I could keep going...

Re: Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

#30
post #23

Looks wonderful! Anyway to get it to only draw the annotation once? Looks like everything gets two passes which adds to the roughness but also adds a bit of noise and delay to the animation.

I agree, the double pass is pretty distracting and frustrating with the delay
Post reply on HN