If you are using THREE.Geometry, you can use the following pattern to change a face material index: mesh.geometry.faces[ 0 ].materialIndex = 1; If the geometry has been previously-rendered, you must also set. mesh.geometry.groupsNeedUpdate = true; three.js r.88, The Face3 constructor in three.js is used to define a Face when making a custom geometry. When using any kind of built in geometry, instances of Face3 are created automatically, but whenever making a custom geometry from code, or trying to figure out some problems that may exist with how faces are being rendered it is necessary to understand a …
11/8/2012 · editMeshShaded. geometry. faces [index]. materialIndex = 1; …has no effect. Currently the geometry’s ‘dynamic’ attribute is set to true as well as all the dirties, but nothing seems to make the faces update their material.
In the three.js source there is material: // material index for front and back faces. This seems to mean that the front and back faces cannot have different materials, because they have only one index.
12/6/2012 · You cannot change the materialIndex on the face of an existing mesh. materialIndex is only used in the first render to partition the geometry into chunks, with each chunk having the same material. Also, you cannot re-partition the chunks after the first render..
Developer Reference. Polyfills. Polyfills; WebGLRenderer. WebGLProgram; WebGLShader; WebGLState, 11/10/2011 · Hallo, Since the materials array is deprecated, how might one assign a different material to each face ? Let’s do a simple cube example. var materialA= new THREE.MeshLambertMaterial({color: 0x00ffaa }); cursorBox = new THREE.CubeGeometry(…
When working with a mesh in three.js a single instance of some kind of mesh material can be passed to the mesh constructor as the second argument which will be used to skin the mesh.. This is fine if you are okay with every face in the geometry being skinned with the same material, otherwise you might want to pass an array of materials instead. When working with an array of materials there is …
Javascript 3D Engine. Contribute to zz85/ three.js development by creating an account on GitHub .
If you must use THREE.Geometry, you can add support for multi-materials by specifying a material index for each face. See three.js updating geometry face materialindex . If all you want to do is have a different color on each face, it is much more efficient to specify face-colors or vertex colors and render the entire geometry with a single material.
