KhalilFH
commented
1 year ago hello there I looked into the docs and your problems seems that the PostFX pipeline is not refreshing correctly when the canvas is resized .Maybe Phaser 3.60.0 changed how the engine handles resizing, causing the PostFX effects to distort when the canvas size changes.I would recommend to manually clear the PostFX pipeline whenever the canvas is resized. here's how you could modify your code `class GameScene extends Phaser.Scene {
preload() {
this.load.image('bomb', 'https://labs.phaser.io/assets/sprites/bombcolor.png');}
create() { const bomb = this.add.image(200, 200, 'bomb').setInteractive();
bomb.on('pointerover', () => {
bomb.postFX.addGlow(0x0000ff);
})
bomb.on('pointerout', () => {
bomb.postFX.clear();
})
this.input.on('wheel', (pointer, gameobjects, dx, dy, dz) => {
const newWidth = this.scale.gameSize.width + dy;
const newHeight = this.scale.gameSize.height + dy;
this.scale.resize(newWidth, newHeight);
// Manually clear the PostFX pipeline after resizing.
if (bomb.postFX.length) {
bomb.postFX.forEach(effect => effect.reset());
}
});} }
new Phaser.Game({ type: Phaser.AUTO, width: 800, height: 600, scene: [GameScene], parent: 'gamecontainer' }); ` here I tried to manually reset each effect in the PostFx pipeline whenever the canvas is resized. This is my understanding of the problem if I misread something please tell me so I can look more into the problem.
Waclaw-I
scotlandisme
photonstorm
saintflow47
seansps
Version
Description
Hello, I was upgrading to Phaser 3.60.0 and got some issues with, previously used without any problems on 3.55.2, rexrainbow Outline Plugin. I tried postFX glow and found out it has the same issue now.
Example Test Code
Example Here Use your mouse wheel to resize canvas. Point at the image to add glow postFX effect. Image will get distorted if effect is being applied while resizing. Everything is normal otherwise.
Additional Information
PreFX effects are working fine.