Edge detection with Normal and depth

Questions
1

Hi,
I was wondering if someone could point me on achieving robust edge detection with threejs.
I have found this example to be useful, but it only works based on pixel differences and does not work when there is no contrast at adjacent pixels.
Sobel edge detection example
But, I want to achieve this
Implemented in Unity

2

You might want to look into the OutlineEffect. It is not a postprocessor and there is not much documentation and no examples but it is really great.

I have used it in my splatmap-paint experiment: http://test.ngongo-b.net/shaderExperiment/TilePaint.html

Feel free to explore and rip any part of my code in this experiment.

The effect is really great, much better than any edge detection effect I played with in Unity. And very simple to use.

This is a screenshot from my current project:

Schermafdruk%20van%202019-06-04%2015-24-09
Schermafdruk van 2019-06-04 15-24-09.jpg1048×860 264 KB

3 Likes
3

Thanks for help.:slight_smile:

4

Hi Fedor_van_Eldijk,

I have got the same issue with Sobel edge detection in Three.js, can you share your idea to solve this problem. I am very new to this webgl renderer, and I try your link above but it doesn’t work any more.

Thanks.