4 ms·
Super happy to see they're doing well and growing - so far the best collaborative whiteboard tool I've come across. A few reasons: 1. No account needed, just
by diablerouge 6y ago
Super happy to see they're doing well and growing - so far the best collaborative whiteboard tool I've come across.
A few reasons:
1. No account needed, just send a link.
2. Speedier than alternatives.
3. Some kind of magic making it so that quickly drawn curves come out smooth and nice looking rather than jagged.
4. Open source!
5. A good UI, when so many other projects manage to screw it up.
- swyx 6y agoif you're interested in the curve algorithm, the author wrote about it https://shihn.ca/posts/2020/roughjs-algorithms/ https://shihn.ca/posts/2020/roughjs-algorithms/ he's here on HN and on Twitter in case u have follow up qtns
- ygra 6y agoThat's for drawing the sketchy style. Smoothing a hand-drawn shape is something different, I guess.
- shihn 6y agoActually 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%93Peucker_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 https://github.com/pshihn/bezier-points) p.s. thanks for the shoutout @swyx