Hacker News: shihn

New comment by shihn in "Bringing MathML back to Chromium"

shihn — Tue, 10 Jan 2023 23:28:01 +0000

I implemented MathML as web components a few years ago as a work around. It wasn't super hard, but a native implementation provides so much better accessibility (and, likely, perf) https://github.com/pshihn/math-ml

CafeMedia Acquires Slickstream

shihn — Wed, 24 Aug 2022 21:18:28 +0000

Article URL: https://cafemedia.com/slickstream-is-now-a-part-of-the-cafemedia-family/

Comments URL: https://news.ycombinator.com/item?id=32585906

Points: 1

# Comments: 0

Show HN: Venny is a set of components to create Venn Diagrams on a web page

shihn — Fri, 19 Nov 2021 18:05:52 +0000

Article URL: https://pshihn.github.io/venn/

Comments URL: https://news.ycombinator.com/item?id=29280281

Points: 12

# Comments: 0

New comment by shihn in "One Year of Excalidraw"

shihn — Tue, 05 Jan 2021 19:12:00 +0000

Actually there is some connection in rough.js' sketchy curve rendering and the way excalidraw smooths the hand-drawn shape. That is the Ramer–Douglas–Peucker algorithm https://en.wikipedia.org/wiki/Ramer%E2%80%93Douglas%E2%80%93...

The way excalidraw does it, it collects all the points from mouse-move events, then uses the algorithm to take those points and reduce the number of points. The reduction is done by a 'distance' parameter in the algorithm. So instead of `n` points, you now have `m` points. m < n. Then excalidraw fits a rough curve through those `m` points. This fitting is automatically done in roughjs. Fewer points and curve fitting gives the effect you mentioned.

(The reduction algorithm is implemented and used from this package: https://github.com/pshihn/bezier-points) p.s. thanks for the shoutout @swyx

Analyzing Voting Systems

shihn — Wed, 11 Nov 2020 00:09:18 +0000

Article URL: https://shihn.ca/posts/2020/voting-systems/

Comments URL: https://news.ycombinator.com/item?id=25053892

Points: 7

# Comments: 0

Autoplaying back-to-back videos on the web using a Media Pool

shihn — Thu, 30 Jul 2020 22:09:39 +0000

Article URL: https://shihn.ca/posts/2020/media-pool/

Comments URL: https://news.ycombinator.com/item?id=24003408

Points: 3

# Comments: 0

How COVID-19 has affected food blogging

shihn — Mon, 01 Jun 2020 16:22:57 +0000

Article URL: https://www.slickstream.com/blog/covid-food-blog-revenue-impact

Comments URL: https://news.ycombinator.com/item?id=23380251

Points: 2

# Comments: 0

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 22:04:10 +0000

Definitely. Please add an issue with what you'd like to see. Thanks.

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 22:02:07 +0000

I wrote roughjs a couple of years ago and had always thought it would be nice to use it in all the ways people draw hand-drawn shapes. Annotation is one of them. I never got around to implementing it. Since roughjs does most of the heavy lifting, implementing this was not a lot of time. I did it in a day (~4-6 hours). Actually it took longer to make the website for the project and writing the readme :/

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 21:57:45 +0000

People have created framework wrappers for this:

Rect: https://github.com/linkstrifer/react-rough-notation Svelte: https://github.com/dimfeld/svelte-rough-notation Vue: https://github.com/Leecason/vue-rough-notation

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 21:56:09 +0000

I did implement a version of this in Houdini a couple of years back, that and a short thread of what Houdini was lacking in this case: https://twitter.com/preetster/status/1265679970006757376

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 20:05:31 +0000

Ah sorry, should have titled the post better. :/

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 19:36:48 +0000

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

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 19:31:58 +0000

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

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 18:48:29 +0000

Thanks. Online tutorials, presentations, editing, Direct attention of the reader to something specific.

I was thinking anything that you'd do such annotations on physical paper.

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 18:19:11 +0000

Good idea. I had thought of adding text to annotations but didn’t want to complicate the first draft of this.

New comment by shihn in "Show HN: RoughNotation – create and animate hand-drawn annotations on a web page"

shihn — Thu, 28 May 2020 17:34:06 +0000

Thanks!

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

shihn — Thu, 28 May 2020 16:31:43 +0000

Article URL: https://roughnotation.com/

Comments URL: https://news.ycombinator.com/item?id=23339244

Points: 696

# Comments: 74

How to emulate hand-drawn shapes – Algorithms behind RoughJS

shihn — Sat, 23 May 2020 17:09:18 +0000

Article URL: https://shihn.ca/posts/2020/roughjs-algorithms/

Comments URL: https://news.ycombinator.com/item?id=23284588

Points: 36

# Comments: 0

New comment by shihn in "OpenCV in the browser using WebAssembly and web workers"

shihn — Sat, 09 May 2020 00:22:01 +0000

I used OpenCV in WASM to create a RoughJS version of an image a couple of years ago. https://pshihn.github.io/rough-draw/