Can someone please explain what is it doing? I thought it was giving whatever you draw, a more artistic expression, but it seems it does not preserve the original content.
Without looking at the code, it looks like its using a steering algorithm[0] to move a series of 'boids'(each individual stroke) along the path you define. A boid is controlled by a number of forces, as in the physics sense. By varying starting conditions for each boid, you get the dispersion that is seen on all figures but straight lines.
If you take a look at the options(hamburger menu in the top left) you'll see a bunch of options. For example, 'maxForce' is the maximum magnitude of force that can be exerted on a boid for a period of time; this is noticeable if you draw two large 'C's, one with maxForce at min and one at max. I'd recommend cranking up 'boidSize' if you want to get a clearer idea of what's an individual boid is doing.
Steering behaviors are used in a lot in games. For example, A* will give you a great path that looks terribly robotic. Using a steering behavior, perhaps 'seek' towards each path node then 'arrive' at the end of the path, you get significantly more organic movement.
If you take a look at the options(hamburger menu in the top left) you'll see a bunch of options. For example, 'maxForce' is the maximum magnitude of force that can be exerted on a boid for a period of time; this is noticeable if you draw two large 'C's, one with maxForce at min and one at max. I'd recommend cranking up 'boidSize' if you want to get a clearer idea of what's an individual boid is doing.
Steering behaviors are used in a lot in games. For example, A* will give you a great path that looks terribly robotic. Using a steering behavior, perhaps 'seek' towards each path node then 'arrive' at the end of the path, you get significantly more organic movement.
[0] https://www.red3d.com/cwr/steer/gdc99/