Segmented colors with a gradient at the boundaries along a path

Questions
1

I have a unique usecase for utilizing shaders and gradients along a path that I am struggling to implement. I am attempting to connect several different examples I have seen here:

  1. Custom MeshLambertMaterial material like so
  2. Gradient at the border of the segmented colors similar to this
  3. Having the gradient at the border of the segmented colors follow a path like so

Attached is an example of what this would look like. Two caveats:

  1. The gradient at the color segmentation is not illustrated
  2. The gradient and segmentation should β€œwrap around” the inside of the mesh and be symmetrical

segmented-colors-abnormal-boundaries
segmented-colors-abnormal-boundaries764Γ—290 15.6 KB

1 Like
2

I’m not sure I understand the expected result, but a texture with a gradient might be sufficient for this … or not?

3

Simple sine function of ring’s height produces that wave shape :thinking: :

ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅936Γ—860 36.2 KB

Demo: https://codepen.io/prisoner849/full/mdYxqEJ

4 Likes
4

Yes! This is what I’m going for. Thank you! Now, I just need to be able to β€œblur” the 2 colors together slightly. The idea was to use a gradient along the sine function. Is there a way to accomplish this?

5

I’ve got this result:

ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅949Γ—860 44 KB

Demo: https://codepen.io/prisoner849/full/dyEmLxZ

5 Likes
6

Thank you for the solution. Is it possible to round the outside edges? I looked around the forum and saw that you’ve been working on rounded boxes for years. Is it possible to apply this to the LatheGeometry?

7

Using Path and its methods you can build any profile you want :slight_smile:

1 Like
8

A quick example of the using of Path: https://codepen.io/prisoner849/full/rNEORXb

2 Likes