Is it possible to make blur along the axes (in a certain direction) in canvas?

Question

Canvas

For blurring, the canvas has a blur filter . But this filter blurs the image evenly, which does not allow you to achieve the motion blur effect.

I tried Ease JS filter , but it's not very performant.

Is there any way to blur in a specific direction on the canvas to simulate motion blur?

Answer 1

I think I'll have to rewrite to webGL. The easiest way is using PIXIJS , there is a ready-made motion blur filter for it https://pixijs.io/pixi-filters/tools/demo/