Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TiltShiftFilter shows a strange behavior where the effect starts and ends #458

Open
Matt-Maerz opened this issue Apr 18, 2024 · 0 comments

Comments

@Matt-Maerz
Copy link

Current Behavior

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} })
1080p

new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
1080p_WithoutStartAndEndpoint

RESOLUTION: 1280x800

new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40, start:{x:0,y:800/2}, end:{x:1280, y:800/2} })
800p

new PIXI.filters.TiltShiftFilter({ blur: 4000 ,gradientBlur: 40 })
800p_WithoutStartAndEndpoint

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 })
1080p_pixi_v740_pixi-filters_520

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} })]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant