image not working

gamerfan · Post by **gamerfan** » Thu Dec 17, 2009 1:47 am

Hi,
I have added a cross-hair jpg file to my gun node.The image is displaying. But there is background white-square also appearing.I want to remove the white square. Any idea how to fix this?

Thank in advance

Virion · Post by **Virion** » Thu Dec 17, 2009 2:52 am

mind to give more info? or show some pictures to explain your problem.

hybrid · Post by **hybrid** » Thu Dec 17, 2009 9:52 am

I guess you want an alpha channel for your image.

gamerfan · Post by **gamerfan** » Fri Dec 18, 2009 1:48 am

This is my code:

Code: Select all

ISceneNode crosshairnode = smgr.addBillboardSceneNode(camera,  new dimension2df(1, 1));
		 crosshairnode.setMaterialType(E_MATERIAL_TYPE.EMT_TRANSPARENT_ADD_COLOR);
		 crosshairnode.setMaterialTexture(0, driver.getTexture("../media/cross.jpg"));
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_LIGHTING, false);
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_GOURAUD_SHADING,true);
 //crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_ZBUFFER, false);

gamerfan · Post by **gamerfan** » Mon Dec 21, 2009 12:56 pm

Any solution ?,

Thanks in advance

Acki · Post by **Acki** » Mon Dec 21, 2009 3:02 pm

gamerfan wrote:This is my code:

Code: Select all

ISceneNode crosshairnode = smgr.addBillboardSceneNode(camera,  new dimension2df(1, 1));
		 crosshairnode.setMaterialType(E_MATERIAL_TYPE.EMT_TRANSPARENT_ADD_COLOR);
		 crosshairnode.setMaterialTexture(0, driver.getTexture("../media/cross.jpg"));
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_LIGHTING, false);
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_GOURAUD_SHADING,true);
 //crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_ZBUFFER, false);

this wont work with transparency as long as you don't make a color key texture...

try something like this:

Code: Select all

ITexture image = driver.getTexture("../media/cross.jpg");
driver.makeColorKeyTexture(image, position2d<s32>(0,0));

ISceneNode crosshairnode = smgr.addBillboardSceneNode(camera,  new dimension2df(1, 1));
		 crosshairnode.setMaterialType(E_MATERIAL_TYPE.EMT_TRANSPARENT_ADD_COLOR);
		 crosshairnode.setMaterialTexture(0, image);
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_LIGHTING, false);
		 crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_GOURAUD_SHADING,true);
 //crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_ZBUFFER, false);

well, I'm not sure what compiler you use, so I also used the dot operator like you...

I mean in normal case you do this:

Code: Select all

driver->getTexture("../media/cross.jpg");

instead of this:

Code: Select all

driver.getTexture("../media/cross.jpg");

so for me the code should look like this:

Code: Select all

ITexture* image = driver->getTexture("../media/cross.jpg");
driver->makeColorKeyTexture(image, position2d<s32>(0,0));

ISceneNode* crosshairnode = smgr->addBillboardSceneNode(camera,  dimension2df(1, 1));
       crosshairnode->setMaterialType(EMT_TRANSPARENT_ADD_COLOR);
       crosshairnode->setMaterialTexture(0, image);
       crosshairnode->setMaterialFlag(EMF_LIGHTING, false);
       crosshairnode->setMaterialFlag(EMF_GOURAUD_SHADING,true);
 //crosshairnode->setMaterialFlag(EMF_ZBUFFER, false);

gamerfan · Post by **gamerfan** » Mon Dec 21, 2009 4:40 pm

Thank for your reply.I am using jdk1.6
This is my picture

Code: Select all

 http://www.flickr.com/photos/45746796@N05/4203071963/

I am not sure whether you can see this image

gamerfan · Post by **gamerfan** » Mon Dec 21, 2009 4:56 pm

Thanks for the reply.After making changes the way you told me, still I am getting the white square.Please see the above link.

gamerfan · Post by **gamerfan** » Mon Dec 21, 2009 5:04 pm

location for cross.jpeg

Code: Select all

http://www.flickr.com/photos/45746796@N05/4203154803/

Acki · Post by **Acki** » Mon Dec 21, 2009 5:09 pm

hmmm, maybe a problem with the jsdk ???

or it could be a mipmap problem, bc you're using a billboard node...
so you can also try to regenerate the mipmap levels:

Code: Select all

ITexture image = driver.getTexture("../media/cross.jpg");
driver.makeColorKeyTexture(image, position2d<s32>(0,0));
image.regenerateMipMapLevels();

ISceneNode crosshairnode = smgr.addBillboardSceneNode(camera,  new dimension2df(1, 1));
       crosshairnode.setMaterialType(E_MATERIAL_TYPE.EMT_TRANSPARENT_ADD_COLOR);
       crosshairnode.setMaterialTexture(0, image);
       crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_LIGHTING, false);
       crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_GOURAUD_SHADING,true);
 //crosshairnode.setMaterialFlag(E_MATERIAL_FLAG.EMF_ZBUFFER, false);

gamerfan wrote:location for cross.jpeg
Code: Select all
http://www.flickr.com/photos/45746796@N05/4203154803/

is this the original size you're using (350 x 350) ???
if so then try dimensions with POT (eg 256x256 or 512x512)...

hybrid · Post by **hybrid** » Mon Dec 21, 2009 9:33 pm

For TRANSPARENT_ADD_COLOR you don't need white, but black regions which will be transparent (color 0 adds nothing, white will become solid white). You should use TRANSPARENT_ALPHA_CHANNEL and add a transparency mask in the alpha channel.

gamerfan · Post by **gamerfan** » Wed Dec 23, 2009 2:34 am

should I use any editor to do that else any sample code that is doing this?

However I found similar thread below:

http://irrlicht.sourceforge.net/phpBB2 ... +channel

But it looks like the issue is still there