webgl-outlines
webgl-outlines copied to clipboard
Implementation of a post process outline shader in ThreeJS & PlayCanvas.
First of all, I love this repo! This is game changer for people building 3D design tools, thanks @OmarShehata :heart: ! I wanted to know if there are plans to...
Hey, fantastic work here! Just for the notice, I tried adding a simple InstancedMesh to the scene of your example and it looks like the image below. ```js const box...
Hi! I tried using a gltf with a skinned mesh, and the result looks like this: These are the correct normals: And here, the surface id debug buffer: So as...
I think these outlines are too rough. Is there anyway to activate anti-aliasing for the outlines? 
The updated article [Better outlines using surface IDs](https://omar-shehata.medium.com/better-outline-rendering-using-surface-ids-with-webgl-e13cdab1fd94) improves outline rendering for terrain/ground surfaces a bit. Here's before & after:   The "before" screenshot is a lot more noisy....
This PR adds support for applying the outline to individual objects. It is not intended to be merged because doing this requires an additional render pass.  To apply the...
GridHelper will also be selected, whether applyOutline is set or not  
Great work here! I converted an ifc model into a gltf, drag and drop to this source code and got a missing wall! Original model:  Outlined Model: 