HTML5 Canvas api?
Surely thats good enough for ya? If only I could make lasso tool easily! lol I been at it 2 days! about to get to 15 or so files just handling the lasso to try and figure out the issues and compatibility with my html.
Yeah, that's a pretty good reminder for me.
I am designing a photo system to produce massive amounts of overlays and visual assets for video production.
For now I am using Python for the job, but Canvas API can be more powerful to create something as there CSS can be introduced which has 100s of ready functions to be used.
So the process for start could resemble this:
1. Create an animation in CSS + Canvas API.
2. Capture each frame of the animation using playwright (for now that's the only idea).
3. Save frames to disk and join using codecs to get webm file that will serve as an overlay.
Maybe there's some more civilized, quicker way to capture visuals from canvas API. I don't know.
You can play the whole animation at insane speed and in one second capture 500 frames perhaps.
Then slow down the speed and put 24 fps / sec.
So if we have a video made, we would put that on the internet, then play that in html, then inside that html play canvas stuff, then capture all of that together, so we don't have to remove backgrounds and complicate the process. Maybe it could produce 1000 frames in a second getting results faster than average video editing software.
As always, I don't know and it's a speculation.
