Png transparency

Troubleshooting graphics
1

Hello people, probably its a silliy question but i didnt find the way to change the transparency color in a png when i used it as a texture. Im using texture from a png file to make a button, however when i create the button, the png transparency appears always black and i want to change that color.



Some pictures to explain myself better :wink:



the original png:



what i got:



what i want:







Thanks.

2

If you add an alphastate to the button, that should make the transparent parts… transparent.



Below is the code for that taken from the wiki (the wiki entry is quite long and I think this code is all you should need).

http://www.jmonkeyengine.com/wiki/doku.php?id=alphastate



      AlphaState as = display.getRenderer().createAlphaState();
      as.setBlendEnabled(true);
      as.setSrcFunction(AlphaState.SB_SRC_ALPHA);
      as.setDstFunction(AlphaState.SB_ONE_MINUS_SRC_ALPHA);
      as.setTestEnabled(true);
      as.setTestFunction(AlphaState.TF_GREATER);
      powerEnclosure.setRenderState(as);

3

thanks, may be i coudnt express myself ok. i dont want to make transparent anything, i want to change the color of the pixels which appears transparent in the PNG file.

inf fat the code to do sth transparent is :



        final BlendState alphaState = DisplaySystem.getDisplaySystem().getRenderer().createBlendState();
        alphaState.setSourceFunction(BlendState.SourceFunction.SourceAlpha);
        alphaState.setDestinationFunction(BlendState.DestinationFunction.OneMinusSourceAlpha);
        alphaState.setTestEnabled(true);
        alphaState.setTestFunction(BlendState.TestFunction.GreaterThan);
        alphaState.setEnabled(true);
        node.setRenderState(alphaState);



if i dont use BlendState i get a black background in the image, i only want to change that black background.

Sorry if i cant express myself well, my english isnt the best ;)

4

Well i solved it. i put a quad with the png image and the transparency over a colored box. In the same way i put a  disk over a cylinder to make a "cylinder button". I dont know if its the best way but it works  :smiley:

5

You can also open it in Photoshop, right-click the Gradient-Tool, select Paint-Bucket, change your foreground color to red, and then paint dump in the transparent areas. That would change it from being transparent to red.

6

well, i didnt say nothing about this, but i need to change the color as i run my application, so it will be a little hard to use the photoshop approach ;).



Thanks

7

Oh very good. Your solution is definitely good then.