Outline object (normal scale + stencil mask) three.js

by

Here’s a js fiddle with working solution. You’re welcome. 🙂

http://jsfiddle.net/Eskel/g593q/6/

Update with only two render passes (credit to WestLangley):
http://jsfiddle.net/Eskel/g593q/9/

The pieces missing were these:

composer.renderTarget1.stencilBuffer = true
composer.renderTarget2.stencilBuffer = true
outline.clear = false

More Related Contents:

  1. How does the calculation of the light model work in a shader program?
  2. How to change the zOrder of object with Threejs?
  3. Transparent objects in Threejs
  4. Mouse / Canvas X, Y to Three.js World X, Y, Z
  5. Drawing a line with three.js dynamically
  6. Learning WebGL and three.js [closed]
  7. Transparent objects in Three.js
  8. Three.js Collada – What’s the proper way to dispose() and release memory (garbage collection)?
  9. Thickness of lines using THREE.LineBasicMaterial
  10. Display wireframe and solid color
  11. artifacts when rendering both sides of a transparent object with three.js
  12. Multiple transparent textures on the same mesh face in Three.js
  13. How to stop a requestAnimationFrame recursion/loop?
  14. How to get the absolute position of a vertex in three.js?
  15. Three.js / WebGL – transparent planes hiding other planes behind them
  16. Replicating MeshLambertMaterial Using ShaderMaterial ignores textures
  17. How to detect collision in three.js?
  18. THREE.JS: Get object size with respect to camera and object position on screen
  19. three.js – Adjusting opacity of individual particles
  20. Three.js/WebGL: Large spheres appear broken at intersection
  21. three.js – how do I rotate a cylinder around a specific point?
  22. Three.js – Can I ‘apply’ position, rotation, and scale to the geometry?
  23. WebGL / Three.js – Particles colored by texture flicker erratically while moving camera
  24. Antialiasing not working in Three.js
  25. Threejs: assign different colors to each vertex in a geometry
  26. How to use multiple materials in a Three.js cube?
  27. Texture splatting with Three.js
  28. Three.js Rotate Texture
  29. How to implement a ShaderToy shader in three.js?
  30. Why do shaders have to be in html file for webgl program?

Leave a Comment