Skip to content

DebugTilesPlugin: color leaf tile bounding volumes in white #1489

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
diegomazala wants to merge 2 commits into
base: master
Choose a base branch
from
+19 −4
Open

DebugTilesPlugin: color leaf tile bounding volumes in white #1489

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
91382a2
Color leaf tile bounding boxes in white in DebugTilesPlugin
Feb 28, 2026
d8f5ae5
Color leaf tile bounding boxes in white in DebugTilesPlugin
Feb 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 19 additions & 4 deletions src/three/plugins/DebugTilesPlugin.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@ const PARENT_BOUND_REF_COUNT = Symbol( 'PARENT_BOUND_REF_COUNT' );
const _sphere = /* @__PURE__ */ new Sphere();
const emptyRaycast = () => {};

const _white = /* @__PURE__ */ new Color( 0xffffff );

const colors = {};

// Return a consistent random color for an index
Expand All @@ -31,6 +33,19 @@ function getIndexedRandomColor( index ) {

}

// Return white for structural leaf tiles, depth-based color otherwise
function getBoundHelperColor( tile ) {

if ( ! tile.children || tile.children.length === 0 ) {

return _white;

}

return getIndexedRandomColor( tile.internal.depth );

}

// color modes
const NONE = 0;
const SCREEN_ERROR = 1;
Expand Down Expand Up @@ -660,12 +675,12 @@ export class DebugTilesPlugin {
boxHelperGroup.matrixAutoUpdate = false;
engineData.boxHelperGroup = boxHelperGroup;

const boxHelper = new Box3Helper( obb.box, getIndexedRandomColor( tile.internal.depth ) );
const boxHelper = new Box3Helper( obb.box, getBoundHelperColor( tile ) );
boxHelper.raycast = emptyRaycast;
boxHelperGroup.add( boxHelper );

const mesh = new Mesh( new BoxGeometry(), new MeshBasicMaterial( {
color: getIndexedRandomColor( tile.internal.depth ),
color: getBoundHelperColor( tile ),
transparent: true,
depthWrite: false,
opacity: 0.05,
Expand All @@ -688,7 +703,7 @@ export class DebugTilesPlugin {
if ( sphere ) {

// Create debug bounding sphere
const sphereHelper = new SphereHelper( sphere, getIndexedRandomColor( tile.internal.depth ) );
const sphereHelper = new SphereHelper( sphere, getBoundHelperColor( tile ) );
sphereHelper.raycast = emptyRaycast;
engineData.sphereHelper = sphereHelper;

Expand All @@ -704,7 +719,7 @@ export class DebugTilesPlugin {
if ( region ) {

// Create debug bounding region
const regionHelper = new EllipsoidRegionLineHelper( region, getIndexedRandomColor( tile.internal.depth ) );
const regionHelper = new EllipsoidRegionLineHelper( region, getBoundHelperColor( tile ) );
regionHelper.raycast = emptyRaycast;

// recenter the geometry to avoid rendering artifacts
Expand Down