Converting Exported Blender Textures to work with Three.JS -


i'm trying blender model i've exported display properly, appears though texture leaves isn't being blended correctly alpha ( though trunk work fine ). here's i'm seeing: enter image description here

notice how leaves aren't aliased through correctly ( i.e. should tree leaves, not gray sheets of paper ).

in blender tree looks fine, i've had few people tell me looks alpha inverted ( i'm not totally sure means ). guess that, bit of file tweaking , conversion, attached images work fine. here image resources i've got:

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

i don't think it's necessary, in case want see exported json, i've dumped here: https://gist.github.com/funnylookinhat/5062061

i'm pretty sure issue black , white image of oak leaves - given it's difference between 2 packed textures. there way can work or convert applies correctly layers of leaves?

update

i'm able looks right ( minus weird transparency layering issues ) - i'm pretty sure isn't being done correctly... still appreciated.

i added in transparency on white/black , green images resulting in these:

enter image description here

enter image description here

which resulted in following:

enter image description here

then flipped references 2 of them in json - resulted in this:

enter image description here

i'm 99% sure isn't working intended, appears though diffuse map isn't working correctly... suggestions?

three.js has no mask textures (the black , white texture), need bake alpha channel of diffuse texture (so use .png format .jpg not support alpha - doing).

your update on right track although diffuse alpha poorly done (holes in leaves). can done right e.g. in gimp decomposing diffuse color channels , recomposing added mask layer alpha (note white assumed opaque , black transparent inversion might needed).

in material, don't use mask texture @ all. there might problems leaves overlapping each other difficult problem solve transparency in general quite pita. can try disabling material's depthwrite and/or playing alphatest values (e.g. setting 0.1) different kind of artifacts.


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -