Hi there, I create a sprite from a graphics object with the below code let graphics = this.add.graphics(); graphics.fillStyle(0xff0000); graphics.fillCircle(radius, radius, radius * 0.95); graphics.generateTexture("BALL", radius * 2, radius * 2) let ball = thi…

Hi, The problem is caused by reusing the same texture key from the cache several times. You could create the texture in another scene, or destroy the texture every time you restart the scene: this.input.on("pointerdown", pointer => { console.log(1); this.game.textures.remove('TRIANGLE'); …

Hi @fselcukcan Huge thanks for your help on two questions :slight_smile: Yes, it is precisely that. Basically, after the restart of the scene the gray circle around the sprite loses its sharpness. Something like below… If there is a way to remove that gray shadow, I think the circle will look just…

I have created this glitch. There seems no gray outline as you have mentioned: code: https://glitch.com/~summer-limburger demo: https://summer-limburger.glitch.me/ Can you check it out? You may have other things interfering.

Hi @fselcukcan I am very grateful for your time and help, truly huge thanks! I agree there is no gray area in your example. In fact, I also increased the radius in my game and the gray area was not visible. I think this is something to do with the color combination and the size of the circle. I …

[image] doug: I think this is something to do with the color combination and the size of the circle. That can be true. I am not sure how to avoid that. You can use tricks like stroking the circle with the same color as fill color maybe. Now it is visible in your example I can see.

I’ll give it a try :slight_smile: Thank you sir

Please let me know how it goes. I wonder.

I have started to believe that is a color combination thing. Phaser Examples has this example and I have put it on glitch: [image] phaser3-graphics phaser3 graphics objects 🎏 Glitch is the friendly community where everyone can discover & create the best apps on the web. …

Agreed, thanks @fselcukcan Your suggestion seems to work. I drew an outer circle with the background color during sprite generation. There is still a shadow effect but it softened for some reason. At least, I do not get the pixelated look after level transition. Once again, huge thanks …

Do you have a demo and link to code! I would like to see. Cheers! Great new years to you too!

Removing the shadow around sprite

Phaser 3

fselcukcan December 28, 2019, 12:09pm 2

Hi @doug! Is that the issue, related to loosing sprite sharpness after scene restart post, you have posted here?

Topic		Replies	Views
Graphics to Sprite creates pixelated edges Phaser 3	2	699	December 15, 2019
Increasing the speed of particle emitter after scene restarts Phaser 3	6	108	October 17, 2024
Applying grayscale filter not working after scene restart Phaser 3	1	1444	March 16, 2019
Pixel distortion / shifting issue Phaser 3	12	523	December 6, 2023
Restarting a Scene Phaser 3	3	694	March 16, 2020

Removing the shadow around sprite

Related topics