webgl-outlines icon indicating copy to clipboard operation
webgl-outlines copied to clipboard

Implementation of a post process outline shader in ThreeJS & PlayCanvas.

Results 9 webgl-outlines issues
Sort by recently updated
recently updated
newest added

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...

enhancement
help wanted

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? ![image](https://user-images.githubusercontent.com/85370491/221376608-ee178aa0-0e1e-4589-b5d1-395a5957003d.png)

help wanted

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: ![terrain_before](https://user-images.githubusercontent.com/1711126/195629964-7ac1552a-0b1b-4678-882c-c15a07032272.png) ![terrain_after](https://user-images.githubusercontent.com/1711126/195629980-340105f3-cf89-4784-af5e-1a75fa1fffd6.png) The "before" screenshot is a lot more noisy....

help wanted

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. ![outline_selected](https://user-images.githubusercontent.com/1711126/124299527-87999c80-db2b-11eb-98e6-117335fbde8a.gif) To apply the...

GridHelper will also be selected, whether applyOutline is set or not ![image](https://user-images.githubusercontent.com/26751491/169691787-5439fd5a-9403-4115-9d6d-7cf34f825b49.png) ![image](https://user-images.githubusercontent.com/26751491/169691794-17326325-47e0-473d-816f-4641ed9c26cc.png)

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: ![image](https://github.com/OmarShehata/webgl-outlines/assets/39223566/0f515c2a-bcbb-404a-9950-76ae585b86c0) Outlined Model: ![image](https://github.com/OmarShehata/webgl-outlines/assets/39223566/f9ddb3df-e488-4496-b72f-d060e5932404)