You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
pixi.js version 8.1.0
pixi.js filters version 6.0.3
Browser Version 119.0.6045.200:
Windows Version 11 Home 23H2:
The TiltShiftFilter shows a strange behavior where the effect starts and ends.
(I have lowered the quality of the Blur for the performance)
Here are a few examples:
RESOLUTION: 1920x1080
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:1080/2}, end:{x:1920, y:1080/2} })
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
RESOLUTION: 1280x800
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:800/2}, end:{x:1280, y:800/2} })
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
Expected Behavior
With pixi.js v7.4.0 and pixi-filters v5.2.0 you got this: new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
Steps to Reproduce
let tempContainer = new PIXI.Container();
tempContainer.filters = [new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:1080/2}, end:{x:1920, y:1080/2} })]
The text was updated successfully, but these errors were encountered:
Current Behavior
The TiltShiftFilter shows a strange behavior where the effect starts and ends.
(I have lowered the quality of the Blur for the performance)
Here are a few examples:
RESOLUTION: 1920x1080
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:1080/2}, end:{x:1920, y:1080/2} })
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
RESOLUTION: 1280x800
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:800/2}, end:{x:1280, y:800/2} })
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
Expected Behavior
With pixi.js v7.4.0 and pixi-filters v5.2.0 you got this:
new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
Steps to Reproduce
let tempContainer = new PIXI.Container();
tempContainer.filters = [new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:1080/2}, end:{x:1920, y:1080/2} })]
The text was updated successfully, but these errors were encountered: