Love this (and all of Preet’s work).<p>Made a statistics visual awhile back using roughjs[0], seems like the perfect setting with which to add roughnotation :)<p>[0] <a href="https://www.jwilber.me/permutationtest/" rel="nofollow">https://www.jwilber.me/permutationtest/</a>
Amazing examples. Great library. Coupled with the Intersection Observer API[0], this software could add a lot of value to an instructive app or website. Imagine these beautiful annotations tastefully animating as various elements are observed as the user scrolls.<p>[0] <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/API/Intersectio...</a>
This is cool. Slightly OT but I saw the word animate and I got excited because I'm in the market for some easy to use animation software. Krita & Synfig just aren't doing it for me.<p>The best one I ever used was a web app built a decade ago by an iirc ~12 year Korean American kid. It seems to have disappeared off the web but it was just amazing for usability. Anyone remember it / the name of it?
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.<p>0: <a href="https://twitter.com/preetster/status/1250862620103438336" rel="nofollow">https://twitter.com/preetster/status/1250862620103438336</a>
Being able to add small text between margins would enable the ability for an app/extension to let person A markup an article with their thoughts and emphasis, and share it with person B. That's something I'd personally use.
Not sure what I'd use this for, but I love the look of it so much I feel like I need to find an excuse!<p>Can I ask what use case you had in mind when creating this?
This is cool. I wonder if this could just be a CSS library instead, where you just add the class "annotate-circle" to an element and it will use pseudo-elements (:before, :after) to draw the lines.
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.
Looks really cool. Does anyone know of something like this but that works with the iPad's pencil?<p>Would love to have something like a mix between the Notes app and Etherpad, so that I can take notes using the Apple Pencil, then "replay" the writing process, and hopefully be able to post it online as well.
This can be used in an ObservableHQ notebook as demonstrated here: <a href="https://observablehq.com/@thadk/rough-notation-example" rel="nofollow">https://observablehq.com/@thadk/rough-notation-example</a>