canvas-sketch icon indicating copy to clipboard operation
canvas-sketch copied to clipboard

[Idea] Motion Blur for GIF/Animation Export

Open mattdesl opened this issue 6 years ago • 4 comments

Just saw this post where the author writes about a motion blur technique for processing GIF loops.

https://gist.github.com/Bleuje/e06d3b23abe45c4d04973b8b0f90b7a4

I think something like that could be interesting to explore; maybe built-in, or as a utility, or just as an example.

mattdesl avatar Jul 30 '18 16:07 mattdesl

Motion blur would be awesome - I guess starting with just an example would be a good starting point 🤔

guidoschmidt avatar Aug 01 '18 10:08 guidoschmidt

I agree that an example seems a better approach for now. And when the "External Module for utilities (randomness, geometry, etc)" takes form, it can be served as an utility.

fturcheti avatar Aug 01 '18 14:08 fturcheti

I just implemented this in my Node sketch renderer:

https://github.com/delucis/pellicola/blob/735bd7487bdc597ac7272e4ddce9473c15f68d09/lib/frame-maker.js#L99-L134

Don’t have time right now to look into how it could be folded into canvas-sketch, but perhaps the work there might be useful.

Edit: Docs are here

delucis avatar Nov 11 '18 21:11 delucis

Thanks @delucis! I made a small example here as a proof of concept. It's not bullet-proof but I may use something like this in my future sketches. :smile:

https://gist.github.com/mattdesl/447feabf4c819889a5e73de0da37abc0

mattdesl avatar Nov 26 '18 00:11 mattdesl