shihn

9 ms·

1.
by shihn 4y ago
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
2.
CafeMedia Acquires Slickstream(cafemedia.com)
1 points by shihn 4y ago|0 comments
3.
Show HN: Venny is a set of components to create Venn Diagrams on a web page(pshihn.github.io)
12 points by shihn 5y ago|0 comments
4.
by shihn 6y ago
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%93Do
5.
Analyzing Voting Systems(shihn.ca)
7 points by shihn 6y ago|0 comments
6.
Autoplaying back-to-back videos on the web using a Media Pool(shihn.ca)
3 points by shihn 6y ago|0 comments
7.
How COVID-19 has affected food blogging(slickstream.com)
2 points by shihn 6y ago|0 comments
8.
by shihn 6y ago
Definitely. Please add an issue with what you'd like to see. Thanks.
9.
by shihn 6y ago
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 li
10.
by shihn 6y ago
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.c
11.
by shihn 6y ago
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
12.
by shihn 6y ago
Ah sorry, should have titled the post better. :/
13.
by shihn 6y ago
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
14.
by shihn 6y ago
Thanks. the idea behind rough was to provide primitives to draw anything. maps and dataviz are definitely one of the main use cases.
15.
by shihn 6y ago
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.
16.
by shihn 6y ago
Good idea. I had thought of adding text to annotations but didn’t want to complicate the first draft of this.
17.
by shihn 6y ago
Thanks!
18.
Show HN: RoughNotation – create and animate hand-drawn annotations on a web page(roughnotation.com)
696 points by shihn 6y ago|74 comments
19.
How to emulate hand-drawn shapes – Algorithms behind RoughJS(shihn.ca)
36 points by shihn 6y ago|0 comments
20.
by shihn 6y ago
I used OpenCV in WASM to create a RoughJS version of an image a couple of years ago. https://pshihn.github.io/rough-draw/
21.
Reducing Colors in an Image ⇢ Dithering(shihn.ca)
4 points by shihn 7y ago|0 comments
22.
by shihn 7y ago
RoughViz is awesome, and it also used RoughJS for rendering.
23.
by shihn 7y ago
wired-elements could be adapted to v4.0 of roughjs, which supports random number seeding. Causing the shape to remain the same, once generated.
24.
Rough.js v4.0 – hand-drawn, sketchy graphics(roughjs.com)
307 points by shihn 7y ago|20 comments
25.
by shihn 7y ago
It's an artifact of how Rough.js renders sketchy lines. It does that by creating some random offsets. For some random values, it may create this effect for long lines, which is not ideal. This is less pronounced in shorter lines. The
26.
by shihn 7y ago
Here's a clock made with LegraJS: https://legra-click.glitch.me/ Source: https://glitch.com/edit/#!/legra-click
27.
by shihn 7y ago
btw Legra does the offscreen canvas trick when rendering images, but not when drawing primitives
28.
by shihn 7y ago
True but having raw parts would give it more flexibility when animating or changing sections of the image. Especially when the canvas size is large, it won't be as optimal
29.
by shihn 7y ago
These are really cool! The goal of legra was to provide primitives though and not just for images so one can draw dynamic, charts, shapes, animations.
30.
by shihn 7y ago
It doesn't redraw the whole canvas. The optimizations are really needed when 'filling' a shape. If you draw a large polygon, it may take a little longer to fill it with bricks. Optimizations can be made by using WebGL instea

More ›