BezierInfo-2 VS Skia

For the bezier you need 4 control points via a click, then evaluate using lerps (or basis functions). Start here https://pomax.github.io/bezierinfo/

> How to pack geometric shapes inside other shapes https://erich-friedman.github.io/packing/

Packing / bin-packing is very serious stuff: savings made there directly translate to less waste / reduced costs (for example when cutting shapes into sheets of metal in big factories).

> * Amazing reference on bezier curves https://pomax.github.io/bezierinfo/

And some beautiful graphs in there, notably those under section 26 "Curvature of a curve". Screenshot'ed for my own collection of good looking stuff!

https://pomax.github.io/bezierinfo/#explanation

A visual overview of commonly used creative coding related techniques and algorithms.

I wrote an openGL font renderer once, it was a lot of fun. Bezier curves are such an elegant technique. The difference between what I wrote and what you'd use in a proper environment is pretty big, but I recommend it sometime.

Fonts are pretty much just third or fourth degree beziers, iirc (i may have my terminology wrong). Try it out sometime, I did mine using tessellation shaders.

Btw, you'll never find a better guide on beziers than here:

https://pomax.github.io/bezierinfo/

Alternatively you can use the equation of a cubic Bézier curve to do the computations yourself. This website offers great explanations and examples of the math behind Bézier curves: https://pomax.github.io/bezierinfo/

Btw, for Bezier math this is a great resource: https://pomax.github.io/bezierinfo/

Actually, that's not entirely accurate. The lottie-web library itself doesn't support rendering to WebGL. However, there is a package called canvaskit-wasm that wraps Skia (a graphics engine) with WebAssembly (wasm). This package includes a module called skottie which supports rendering animations into a WebGL surface. However, there is a drawback with this approach: using wasm requires loading a relatively large package, and it's uncertain whether all features are supported correctly, as the official compatibility table that tracks lottie support on different platforms does not include skottie.

Skia is pretty great if you can get it running.

The imgs are mainly used by Tencent QQ and Baidu Tieba users. QQ and Tieba compress imgs by default, so the popular imgs (in China we call them "屌图" or "表情包") would be compressed million of times during the spreading, causing the super low quality. These APPs on Android are using Skia for image processing, which suffering from a legendary bug: result would be more green. The bug was fixed in 2016: https://github.com/google/skia/commit/c7d01d3e1d3621907c27b283fb7f8b6e177c629d

There’s also Skia by Google. Used by Android and Google Chrome.