How can I use alpha in an image with sprite animation?

Pixelodo · July 17, 2023, 9:54pm

The last few frames of the top animation do not fade, they just stay there and then it ends.

It seems sprites just have cutout transparency? How can I use the alpha from the image?

sebavan · July 17, 2023, 10:35pm

The blend mode should be combine by default, can you share a repro ?

Pixelodo · July 21, 2023, 12:00am

This turned out to be some state change by SpriteMap. I moved SpriteMap to another scene and it works.

Pixelodo · July 31, 2023, 4:26pm

github.com

BabylonJS/Babylon.js/blob/373249f7fbe9be0b3e77931c96ecf960d4ece47d/src/Sprites/spriteMap.ts#L268


      
                  "spriteCount",

                  "time",

                  "colorMul",

                  "mousePosition",

                  "curTile",

                  "flipU"

              ],

              samplers: [

              "spriteSheet", "frameMap", "tileMaps", "animationMap"

              ],

              needAlphaBlending: true

          });

          

          this._time = 0;

          

          this._material.setFloat("spriteCount", this.spriteCount);

          this._material.setVector2("stageSize", options.stageSize);

          this._material.setVector2("outputSize", options.outputSize);

          this._material.setTexture("spriteSheet", this.spriteSheet);

          this._material.setVector2("spriteMapSize", new Vector2(1, 1));

          this._material.setVector3("colorMul", options.colorMultiply);

This was the cause.

Topic		Replies	Views
Can I set sprite transparency Questions sprite	6	926	May 26, 2022
Blending mode / alpha issues Questions	4	2022	October 11, 2019
Can you animated opacity / transparency / alpha direct from Max? Questions	6	1586	March 18, 2021
Alpha and scene clear color while taking a screenshot Questions	23	1029	August 30, 2023
Few question about the SpriteMap Questions	12	861	May 5, 2021

How can I use alpha in an image with sprite animation?

Related topics