Rendering a transparent shell

by

If you want to render overlapping transparent faces, but do not want the overlapping regions to be darker, you can implement a trick: render the faces first with

material.colorWrite = false;

and then render them a second time with

material.colorWrite = true;

fiddle: https://jsfiddle.net/3qm2e871/

three.js r.142

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. THREE.js generate UV coordinate
  4. Three.js – Orthographic camera
  5. Drawing a line with three.js dynamically
  6. How to rotate a 3D object on axis three.js?
  7. Rotate object on specific axis anywhere in Three.js – including outside of mesh
  8. Thickness of lines using THREE.LineBasicMaterial
  9. Using textures in THREE.js
  10. How to stop a requestAnimationFrame recursion/loop?
  11. Three JS – Find all points where a mesh intersects a plane
  12. Is it possible to enable unbounded number of renderers in THREE.js?
  13. Any way to get a bounding box from a three.js Object3D?
  14. Three.js Projector and Ray objects
  15. How to detect collision in three.js?
  16. Three.js – Geometry on top of another
  17. Three.js/WebGL: Large spheres appear broken at intersection
  18. Convert 2:1 equirectangular panorama to cube map
  19. Three.js cube with different texture on each face
  20. Three.js and loading a cross-domain image
  21. How to save canvas animation as gif or webm?
  22. Three.JS wireframe material – all polygons vs. just edges
  23. How to create a custom mesh on THREE.JS?
  24. Detect clicked object in THREE.js
  25. Determine if a mesh is visible on the viewport according to current camera
  26. How to render clipped surfaces as solid objects
  27. Threejs: assign different colors to each vertex in a geometry
  28. Three.js multiple materials on object loaded via OBJMTLLoader
  29. Why do shaders have to be in html file for webgl program?
  30. Apply color gradient to material on mesh – three.js

Leave a Comment