Texture on dynamically created object

prisoner849 · June 1, 2018, 2:43pm

Without this line, the resulting shape will be at the plane, parallel to XY-plane.

The idea is, using a quaternion, put points to a plane, parallel to XY-plane, build a shape and a geometry of THREE.ShapeGeometry() and apply original points, as we have a set of faces, we just use old points instead of current ones in the geometry.

There are UVs for the shape from the fiddle:
Shape_UVs

And there’s no surprise why:

github.com

mrdoob/three.js/blob/35ae830a7c4544582ed2759e5b18c5d6ef37c6d9/src/geometries/ShapeGeometry.js#L159


      
          		}
          
          		// vertices, normals, uvs
          
          		for ( i = 0, l = shapeVertices.length; i < l; i ++ ) {
          
          			var vertex = shapeVertices[ i ];
          
          			vertices.push( vertex.x, vertex.y, 0 );
          			normals.push( 0, 0, 1 );
          			uvs.push( vertex.x, vertex.y ); // world uvs
          
          		}
          
          		// incides
          
          		for ( i = 0, l = faces.length; i < l; i ++ ) {
          
          			var face = faces[ i ];
          
          			var a = face[ 0 ] + indexOffset;

Topic		Replies	Views
2D to 3D shape: shade and texture Questions materials , shapes	4	2215	January 24, 2020
Polygon & texture Questions geometry , custom-geometry	12	5810	December 28, 2017
Texturing THREE.Points Questions textures , points	5	1643	June 3, 2021
[SOLVED] Changing a texture Questions textures , materials	6	1228	August 7, 2018
Problem with mesh texture Questions textures , materials , geometry	0	538	February 4, 2022

Texture on dynamically created object

Related Topics