Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

roughnotation.com

Post reply on HN
Print view View original

51–60 of 76 posts

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

#51

Post by julianeon »

49531 wrote: post #46
julianeon wrote: post #42

I'd love to use this, but I don't see an easy way how to using the frameworks I know, React (well) and Svelte (a bit).

You can use querySelectors in React, it's just normal JavaScript. You can also use refs if you don't want to use querySelector.

I'll look into this, thanks.

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

#52

Post by voz_ »

egfx wrote: post #49
grizzles wrote: post #41

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. 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?

Hi there. Please check out https://gif.com.ai You probably haven’t heard of it because it’s a bit under the radar and not really being promoted to the outside yet.

Woah this site is something else. I'm having a really hard time following. What does it do? What is a token?

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

#53

Post by egfx »

voz_ wrote: post #52
egfx wrote: post #49

Earlier quoted context omitted.

Hi there. Please check out https://gif.com.ai You probably haven’t heard of it because it’s a bit under the radar and not really being promoted to the outside yet.

Woah this site is something else. I'm having a really hard time following. What does it do? What is a token?

in short, it let's you create logic to gif animations. And secondary lets you automate unique gif animations at a large scale. A token is a unit that equates to one token per second to use on your recordings. So if you had 50 tokens, you could create about 50 seconds worth of gif animations depending on the FPS.

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

#54

Post by anthonybennis »

grizzles wrote: post #41

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. 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?

I was in same boat. Looking for easy vector animation tool without subscription. https://www.svgator.com/ was closest I found in terms of ease of use but is subscription based. Open Toons supports what I need but is too complex. Ended up using Google Web Designer and recording HTML playback to video. Still not what I wanted but best I could come up with. Blender is probably the best option now I reckon.

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

#55

Post by kyawzazaw »

jwilber wrote: post #25

Love this (and all of Preet’s work). Made a statistics visual awhile back using roughjs[0], seems like the perfect setting with which to add roughnotation :) [0] https://www.jwilber.me/permutationtest/

I like your work too!

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

#56

Post by XCSme »

tiborsaas wrote: post #39
XCSme wrote: post #34

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.

With CSS Houdini it's possible. To draw these irregular lines / shapes with normal CSS it's really hard, maybe if you inline some SVG.

Couldn't that be achieved with gradients?

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

#57

Post by okamiueru »

voz_ wrote: post #52
egfx wrote: post #49

Earlier quoted context omitted.

Hi there. Please check out https://gif.com.ai You probably haven’t heard of it because it’s a bit under the radar and not really being promoted to the outside yet.

Woah this site is something else. I'm having a really hard time following. What does it do? What is a token?

Your comment is so weird to me. Did we check the same page? Are you and alt account that is trying to promote that page?

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

#58

Post by gedy »

egfx wrote: post #49
grizzles wrote: post #41

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. 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?

Hi there. Please check out https://gif.com.ai You probably haven’t heard of it because it’s a bit under the radar and not really being promoted to the outside yet.

Haha wow is this a parody?

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

#59

Post by ta1234567890 »

Looks really cool. Does anyone know of something like this but that works with the iPad's pencil?

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.

Post reply on HN