We have are using MeshLambertMaterial and simply setting a color to the material, green for example. If this threejs object has a ‘connection’ we want to change the look of the image without straying too far from its original color. Is there a way to add gradients to the color? or stripes to the m…

You might achieve the mentioned effect with vertex colors. Please have a look at the code of this example and see, how the gradients of the floor are implemented. The relevant section is: https://github.com/mrdoob/three.js/blob/master/examples/misc_controls_pointerlock.html#L258-L265

Hi Mugen87 Thank you for the reply and examples! We managed to implement the suggestion and it works great! Cheers!

Is there a way to add gradients or stripes to a material color?

Questions

trusktr July 26, 2020, 8:03pm 4

Neat. I applied this coloring to a small demo:

Do we need the intermediate object. (.css3dObject.)

Html in a 3d environment

How to set the options correctly in the select element? (CSS3DObject)

Topic		Replies	Views
Color gradient in material of loaded model Questions materials , shader-material , webgl-renderer	1	537	September 10, 2020
[SOLVED] Gradient to TextGeometry Questions materials , text-geometry , vertex-colors	8	5277	January 16, 2018
Animated gradient curve along path Questions catmullromcurve3 , bloom , gradient	6	1340	August 25, 2023
How would you texture a sphere with a linear gradient with multiple colour-stops? Questions textures , shaders	14	7986	November 10, 2022
Upgrade threejs, start adding colors again Questions geometry	7	424	March 13, 2023

Is there a way to add gradients or stripes to a material color?

Related topics