Enable pointer lock filters and disable them when debug draw is on

- Enable ENABLE_POINTER_LOCK_FILTER in Settings.js
- Add debug mode check in onPointerLockChange to disable filters when debug is on
- Add onToggleDebugMode override to remove active filters when debug is enabled
- Reduce debug draw line thickness to 0.25 for cleaner visualization
This commit is contained in:
Karl Pannek 2025-07-19 00:01:48 +02:00
parent 925419d801
commit 9d74a01f04
3 changed files with 19 additions and 3 deletions

View file

@ -65,7 +65,7 @@ function (Settings, PIXI) {
fillColor = 0x0000FF; // Blue for kinematic bodies fillColor = 0x0000FF; // Blue for kinematic bodies
lineColor = 0x0000FF; // Blue stroke lineColor = 0x0000FF; // Blue stroke
} }
lineWidth = 1; lineWidth = 0.25;
} }
this.drawShape(shape, transform, isSensor, fillColor, lineColor, lineWidth); this.drawShape(shape, transform, isSensor, fillColor, lineColor, lineWidth);
@ -190,7 +190,7 @@ function (Settings, PIXI) {
var size = 0.05; // Made much smaller (was 0.2) var size = 0.05; // Made much smaller (was 0.2)
// Draw a cross at the center of mass // Draw a cross at the center of mass
this.graphics.lineStyle(1, 0xFFFF00); // Yellow color for center of mass this.graphics.lineStyle(0.25, 0xFFFF00); // Yellow color for center of mass
// Horizontal line // Horizontal line
this.graphics.moveTo((centerX - size) * this.scale, centerY * this.scale); this.graphics.moveTo((centerX - size) * this.scale, centerY * this.scale);

View file

@ -142,6 +142,9 @@ function (Parent, domController, PIXI, Settings, nc, Exception, GameStats, Layer
PixiView.prototype.onPointerLockChange = function(isLocked, options) { PixiView.prototype.onPointerLockChange = function(isLocked, options) {
if (!Settings.ENABLE_POINTER_LOCK_FILTER) return; if (!Settings.ENABLE_POINTER_LOCK_FILTER) return;
// Disable pointer lock filters when debug mode is on
if (this.debugMode) return;
if(isLocked) { if(isLocked) {
this.removeFilters(this.pointerLockFilters); this.removeFilters(this.pointerLockFilters);
@ -297,6 +300,19 @@ function (Parent, domController, PIXI, Settings, nc, Exception, GameStats, Layer
return textures; return textures;
}; };
PixiView.prototype.onToggleDebugMode = function(debugMode) {
// Call parent method first
Parent.prototype.onToggleDebugMode.call(this, debugMode);
// Remove pointer lock filters when debug mode is enabled
if (debugMode && this.pointerLockFilters) {
this.removeFilters(this.pointerLockFilters);
if (this.clickToEnable) {
this.clickToEnable.visible = false;
}
}
};
PixiView.prototype.destroy = function() { PixiView.prototype.destroy = function() {
this.layerManager.destroy(); // also calls all layers destroy this.layerManager.destroy(); // also calls all layers destroy

View file

@ -39,7 +39,7 @@ function () {
VIEW_CONTROLLER: 0 ? "Three" : "Pixi", VIEW_CONTROLLER: 0 ? "Three" : "Pixi",
ARROW_GLIDE: 20, // % of the way per frame ARROW_GLIDE: 20, // % of the way per frame
SHOW_LAYER_INFO: false, SHOW_LAYER_INFO: false,
ENABLE_POINTER_LOCK_FILTER: false, ENABLE_POINTER_LOCK_FILTER: true,
DEBUG_DRAW_SENSORS: true, DEBUG_DRAW_SENSORS: true,
// GAME PLAY // GAME PLAY