Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

156
Visualizações
Three.js Material Blending strange behaviour

i'm using three to create a "print" simulator where i can configure the paper, the print and the finishing.

I'm aware that three does not support multi materials on the same object because of a WebGL limitation, therefore i have used SceneUtil createMultiMaterialObject to duplicate the mesh several times and create as many layer as i need.

I have configured the materials as follow:

  • Paper: MeshStandardMaterial with white color and texture map
  • 2 Print layers: MeshStandardMaterial with white color and texture map with MultiplyBlending in order to recreate the effect that different paper create on ink.
  • Finishing layer: MeshStandardMaterial with black color and alpha map using AdditiveBlending with metalness and roughness settings in order to recreate the glossy effect.

Here there is a simple stackblitz to show: https://stackblitz.com/edit/three-js-start-aymms6?file=index.ts

The demo starts with just the paper layer active, there are buttons to enable/disable other layers and other buttons that load sample textures.

AFAIK the blending should not change anything if you multiply white color or add black color, but in the demo you can see that the model goes darker at every layer that use multiplyBlending and brighter with the additiveBlending one.

How can i avoid this "darker" and "brighter" at every layer?

Thanks!

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda