momo Posted February 25, 2019 Share Posted February 25, 2019 A quicky.. does anyone knows why i'm getting some transparency rendered white? ivan.popelyshev 1 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2019 Share Posted February 25, 2019 Please proviide more information, better with a demo, bla bla bla [Telepathy mode on] Is that a vector image that you try to render with pixi Graphics element? Maybe output from pixi-animate or pixi-svg? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2019 Share Posted February 25, 2019 Do you use compressed-textures? Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2019 Share Posted February 25, 2019 If its v5, try to turn off "PIXI.settings.CREATE_IMAGE_BITMAP = false;" Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 1 minute ago, ivan.popelyshev said: Do you use compressed-textures? no compressed textures, should i be using that? Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 1 minute ago, ivan.popelyshev said: If its v5, try to turn off "PIXI.settings.CREATE_IMAGE_BITMAP = false;" I'm still using v4 Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 9 minutes ago, ivan.popelyshev said: Please proviide more information, better with a demo, bla bla bla [Telepathy mode on] Is that a vector image that you try to render with pixi Graphics element? Maybe output from pixi-animate or pixi-svg? Sorry, let me try to quickly do a demo here Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2019 Share Posted February 25, 2019 ok, v4, no compressed textures. What about Graphics? How was that image obtained? Did you use something to generate that png from vector format? Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 Here is a playground https://www.pixiplayground.com/#/edit/OpmezST5GSCOQNFftfNRQ where you can see the outline transparency turned white. I got it from the artist in psd, he hand drawn everything in photoshop, so not vector. I use the psd export layers to file, 8 bit, with transparency checked. ivan.popelyshev 1 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted February 25, 2019 Share Posted February 25, 2019 ITs also outlined white in chrome. Please check your export parameters in whatever way you got that thing. https://bearinld004.github.io/public/scene4-head01.png Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 I'm such a noob! sorry thanks alot! Quote Link to comment Share on other sites More sharing options...
momo Posted February 25, 2019 Author Share Posted February 25, 2019 Okay exporting it as 24 bit png solves this. Didnt know this before but the issue is with multilevel transparency and 24 bit does this but 8bit doesnt. https://helpx.adobe.com/photoshop-elements/using/optimizing-images-png-24-format.html Thanks Ivan Quote Link to comment Share on other sites More sharing options...
jonforum Posted February 26, 2019 Share Posted February 26, 2019 Your are allowed to use alpha chanel in png8 , but just be sure your add alpha chanel to color tabs. https://graphicdesign.stackexchange.com/questions/45551/how-can-i-export-a-png8-image-with-alpha-transparency-from-adobe-illustrator It good for optimise simple image with loew color palette. Photoshop algo do a great jobs, but no all sofwares do good jobs for optimise the alpha chanel at low color palette. Quote Link to comment Share on other sites More sharing options...
Exca Posted February 27, 2019 Share Posted February 27, 2019 You can also use a library like pngquant to optimize images into 8 bit while automatically preserving alpha channel (with some lossy compression of course). Makes it much more nicer to put the 8 bit conversion as a part of a workflow. The lib can be found here https://pngquant.org/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.