How to create a linear gradient

[game.dev 1]

Hi, I am new in html game development, so my question can be simple-minded, sorry for this.

 

I did some research and I understand that PIXI is not suppot gradient fill.

It is possible to fill by one color and alpha.

 

Is there trick that allow to create linear gradient and allow to keep PIXI style?

 

Thanks

[msha 23]

You can draw a gradient on a separate canvas(https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createLinearGradient), then create a texture from it, or you can create a filter(filters work only in webgl mode).