I create a geometry from Bezier curves, like so: function makeGeom(curves) { let threeShape = new THREE.Shape(); for (let c = 0; c < curves.length; c++) { var bez = curves[c]; threeShape.moveTo(bez.x[0], bez.y[0]); …

Yes, I understood that part, I was curious about the rest of it. Anyway, I figured out how to do different gradients on shapes, so I’ll leave a fiddle here in case somebody finds it useful. [shape_bg] [image] Edit fiddle - JSFiddle - Code Playground

How to use UVs in ShapeBufferGeometry?

Questions

prisoner849 November 13, 2020, 8:30pm 2

Hi!
Have a look at this post and whole topic: Texture on dynamically created object

1 Like

Topic		Replies	Views
BufferedGeometry UV calculation and texture assignment Questions geometry	1	712	December 5, 2019
UVGenerator for BufferGeometries Questions geometry	1	1529	October 25, 2017
Texture on dynamically created object Questions textures , materials , geometry	13	7829	April 1, 2020
Unwrapping a custom ShapeBufferGeometry Questions geometry , shaders , shapes , uv	4	787	June 28, 2022
Updating UV coordinates of BufferGeometry Questions uv-mapping , buffergeometry	4	14944	August 22, 2019

How to use UVs in ShapeBufferGeometry?

Related topics