Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

152
Views
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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!