Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

151
Vistas
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 la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda