Outline Pass Algorithm

1. Draw Non Selected objects in the depth buffer 2. Make non selected objects invisible, and draw only the selected objects, by comparing the depth buffer of non selected objects. Write a mask here for visible and hidden edges. 3. Downsample the Mask buffer to half 4. Edge detect the half res buffer, with different colors to hidden and visible edges. 5. Blur the edges of half res/quarter res buffer(quarter res is used for edge glow) 6. Add the blurred edges on top of original scene using the full res mask buffer
mrdoob · Jul 26, 2016 · 94a35ce · 94a35ce · bhouston · Jul 26, 2016
1 parent 5ded961
commit 94a35ce
Show file tree

Hide file tree

Showing 4 changed files with 919 additions and 0 deletions.
diff --git a/examples/files.js b/examples/files.js
@@ -201,6 +201,7 @@ var files = {
 		"webgl_postprocessing_msaa",
 		"webgl_postprocessing_msaa_unbiased",
 		"webgl_postprocessing_nodes",
+		"webgl_postprocessing_outline",
 		"webgl_postprocessing_procedural",
 		"webgl_postprocessing_smaa",
 		"webgl_postprocessing_ssao",