Add relative depth display

example/index.js

@@ -213,8 +213,9 @@ function init() {
 		GEOMETRIC_ERROR: 2,
 		DISTANCE: 3,
 		DEPTH: 4,
-		IS_LEAF: 5,
-		RANDOM_COLOR: 6,
+		RELATIVE_DEPTH: 5,
+		IS_LEAF: 6,
+		RANDOM_COLOR: 7,
 
 	} );
 	debug.open();

src/three/DebugTilesRenderer.js

@@ -9,8 +9,9 @@ const SCREEN_ERROR = 1;
 const GEOMETRIC_ERROR = 2;
 const DISTANCE = 3;
 const DEPTH = 4;
-const IS_LEAF = 5;
-const RANDOM_COLOR = 6;
+const RELATIVE_DEPTH = 5;
+const IS_LEAF = 6;
+const RANDOM_COLOR = 7;
 
 function emptyRaycast() {}
 
@@ -205,6 +206,13 @@ export class DebugTilesRenderer extends TilesRenderer {
 							break;
 
 						}
+						case RELATIVE_DEPTH: {5
+
+							const val = tile.__depthFromRenderedParent / maxDepth;
+							c.material.color.setRGB( val, val, val );
+							break;
+
+						}
 						case SCREEN_ERROR: {
 
 							const val = tile.__error / errorTarget;