phaser icon indicating copy to clipboard operation
phaser copied to clipboard

Creating a dynamic texture from an image with preFX has wrong dimensions and coordinates

Open DavidTalevski opened this issue 3 months ago • 2 comments

Version

  • Phaser Version: 3.80.1

Description

I'm trying to make a dynamic texture that is sized exactly like the image I am drawing on it. The image has a preFX glow on it , but this issue happens with any preFX or postFX that I've tested. If the texture size is as big as the game size itself, then the image together with the glow effect gets drawn correctly on the texture but this is not optimized since the texture is way larger than it should be. If the texture is sized less than the size of the game then the image gets cropped, misplaced and enlarged. This makes it impossible to create a texture that is the same size as the original image with the effect applied to it.

Example Test Code

https://codepen.io/DavidTalevski/pen/bGJJvRy

The first texture is drawn correctly but the texture is as large as the game itself.

The second texture is as large as the image should be, but it is not drawn correctly.

Additional Information

Instead of using requestAnimationFrame I've tried testing it with setTimeout (just in case the effect doesn't take place next frame), I've also tried using all of the scene events such as (render, update, pre update, post update etc..) and the result was the same.

If this behaviour is normal, is there any other way of drawing a glow effect on the image and then using it as a texture?

DavidTalevski avatar Apr 29 '24 12:04 DavidTalevski

Might be connected to https://github.com/phaserjs/phaser/issues/6794

DavidTalevski avatar Apr 29 '24 12:04 DavidTalevski