Hey, I have the following problem hoping for your help. It’s my first project with three.js and I’m importing an gltf model made in blender. This model is only one mesh and now I want to apply a multicolor gradient to it. The gradient should go from a magenta to yellow to green to blue. I found …

Draw the gradient on a canvas and use it with CanvasTexture, processing it in shaders.

How to add Multicolor Gradient to Imported GLTF Model

prisoner849 June 19, 2023, 9:28am 10

Something like this?

2 Likes

Segmented colors with a gradient at the boundaries along a path

Topic		Replies	Views
THREE.js - Apply Gradient Colors to Imported GLTF Model Questions textures , materials , geometry , gltf-loader	1	1590	February 7, 2021
Color gradient in material of loaded model Questions materials , shader-material , webgl-renderer	1	518	September 10, 2020
glTF model exported from Blender is always black in Three.js Questions blender , gltf-exporter	3	9127	January 31, 2019
Rendering a gradient material using threejs and GLSL Questions glsl , materials	3	7473	July 26, 2017
[SOLVED] Gradient to TextGeometry Questions materials , text-geometry , vertex-colors	8	5231	January 16, 2018