How to change face color in Three.js

by
  • Update library to r53.
  • Add vertexColors: THREE.FaceColors in
    material.

  • And finally use face.color.setRGB( Math.random(),
    Math.random(), Math.random())    .

    Now no need to traverse loop for 4
    sides (a,b,c,d) for THREE.Face4 or 3 sides (a,b,c) for
    THREE.Face3.

    This works in both WebGL and Canvas rendering.

Example

three.js r53

More Related Contents:

  1. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  2. “Cross origin requests are only supported for HTTP.” error when loading a local file
  3. How can I render an ‘atmosphere’ over a rendering of the Earth in Three.js?
  4. How to Fit Camera to Object
  5. THREE.js Ray Intersect fails by adding div
  6. Three.js – Width of view
  7. THREE.js : 2xMeshes using same vector as position
  8. How to find the unicode of the subscript alphabet?
  9. Converting World coordinates to Screen coordinates in Three.js using Projection
  10. Transparent background with three.js
  11. Multiple transparent textures on the same mesh face in Three.js
  12. How to get the absolute position of a vertex in three.js?
  13. Three.js / WebGL – transparent planes hiding other planes behind them
  14. Is it possible to enable unbounded number of renderers in THREE.js?
  15. Rendering a transparent shell
  16. How do you save an image from a Three.js canvas?
  17. Replicating MeshLambertMaterial Using ShaderMaterial ignores textures
  18. Three JS Pivot point
  19. three.js transparent object occlusion
  20. WebGL / Three.js – Particles colored by texture flicker erratically while moving camera
  21. How to get the global/world position of a child object?
  22. Orthographic camera and selecting objects with raycast
  23. catch the click event on a specific mesh in the renderer
  24. Three.JS wireframe material – all polygons vs. just edges
  25. Antialiasing not working in Three.js
  26. Three.js add an object to a group but keep global position/rotation/scale as it was
  27. How to flip a Three.js texture horizontally
  28. Why do shaders have to be in html file for webgl program?
  29. How to toggle preserveDrawingBuffer in three.js?
  30. Apply color gradient to material on mesh – three.js

Leave a Comment