Transparent background with three.js

by

If you want a transparent background in three.js, you need pass in the alpha parameter to the WebGLRenderer constructor.

var renderer = new THREE.WebGLRenderer( { alpha: true } );

You can leave the clear color at the default value.

renderer.setClearColor( 0x000000, 0 ); // the default

three.js r.71

More Related Contents:

  1. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  2. How can I render an ‘atmosphere’ over a rendering of the Earth in Three.js?
  3. How to Fit Camera to Object
  4. THREE.js Ray Intersect fails by adding div
  5. Three.js – Width of view
  6. THREE.js : 2xMeshes using same vector as position
  7. How to find the unicode of the subscript alphabet?
  8. Converting World coordinates to Screen coordinates in Three.js using Projection
  9. Using textures in THREE.js
  10. Multiple transparent textures on the same mesh face in Three.js
  11. Three.js / WebGL – transparent planes hiding other planes behind them
  12. Is it possible to enable unbounded number of renderers in THREE.js?
  13. Rendering a transparent shell
  14. How do you save an image from a Three.js canvas?
  15. Replicating MeshLambertMaterial Using ShaderMaterial ignores textures
  16. Three JS Pivot point
  17. three.js transparent object occlusion
  18. How to change face color in Three.js
  19. WebGL / Three.js – Particles colored by texture flicker erratically while moving camera
  20. How to get the global/world position of a child object?
  21. Orthographic camera and selecting objects with raycast
  22. catch the click event on a specific mesh in the renderer
  23. Three.JS wireframe material – all polygons vs. just edges
  24. Antialiasing not working in Three.js
  25. How to render clipped surfaces as solid objects
  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