how to make part of the ground transparent

[Biz]

Hello,

I am trying to figure out how to make part of my ground transparent.  I create the ground from a height map and then apply a bitmap texture to it.

 

var seisMaterial = new BABYLON.StandardMaterial("seismic", scene);
                            seisMaterial.diffuseTexture = new BABYLON.Texture(urlColor, scene);
                            seisMaterial.diffuseTexture.hasAlpha = true;
                            seisMaterial.backFaceCulling = false;

                            var ground = BABYLON.Mesh.CreateGroundFromHeightMap("ground", fauxFile, 106, 121, 100, 0, 10, scene, false);
                            //seisMaterial.emissiveColor = BABYLON.Color3.Blue();
                            //seisMaterial.wireframe = true;
                            ground.material = seisMaterial;

 

getting the image below.  I want the white area around the black blob to be transparent.  The bitmap I used to create the texture has the alpha component set to 0.  Is there a setting I am missing?

[Pryme8]

use a png 24 and just do the alpha how you want it on the png.

Try this img:

[Biz]

Thanks for the quick reply.  Much better. 

Another question if you dont mind.  Is there a way to eliminate the edge you see around the ground without making the ground flat?

[Pryme8]

do a distance calculation on how close it is to the edge and use that as a scalar, or put a smooth transition on your heightmap with a gradient.

[Biz]

cool.  thanks again.