bacon-logo-2-animated-vectorjs

Animate the outside line of the BaCon logo

this is how you can visualize a cnc machine cutting material

by using a SVG image to move a laser or a cutting tool (the blue dot)

there is a lot going on to convert an image to movement

and vector javascript is able to do the heavy lifting

of crunching the data

---

how to visualize the code easily in a sandbox

this means you don't have to install anything to see what is happening

open this sandbox demo

https://vectorjs.org/sandbox/?script=/examples/interaction/animate-along-path-vector.js

run the original demo to get the idea of what is the objective

Of course I had to figure out how

to do the BaCon cursive logo manually first then convert it to work using vector.js

but the key to this is having the SVG as a path we must focus on the movement part of the code

Now use my modified code -optimized svg

https://sourceforge.net/p/bassix-gtk3-webkit-browser/wiki/bacon-logo-2-animated-vectorjs/attachment/animamate-bacon-along-path-opt.js
and there is also the original svg

download it and select all the code and then paste it over the original demo

and then you can RUN it in the sanbox !

I included a new SVG image BaCon cursive that was made in inkscape

note I manually merged the cursive script to be be connected as one image