diff --git a/steps/src/p5/radarSketch.js b/steps/src/p5/radarSketch.js index 51cbaac..fa9d16c 100644 --- a/steps/src/p5/radarSketch.js +++ b/steps/src/p5/radarSketch.js @@ -90,6 +90,9 @@ export const radarSketch = function (p) { } p.setup = function () { + // Optimization: Increase target frame rate to match high-refresh monitors. + p.frameRate(144); + // Create the p5.js canvas and attach it to the specified DOM element let canvas = p.createCanvas( canvasContainer.offsetWidth, diff --git a/steps/src/p5/zoomSketch.js b/steps/src/p5/zoomSketch.js index b1e0c1f..952578f 100644 --- a/steps/src/p5/zoomSketch.js +++ b/steps/src/p5/zoomSketch.js @@ -224,9 +224,6 @@ export const zoomSketch = function (p) { appState.zoomLeadFactor = 0.2; // Control how much the circle "leads" the camera (0.0 = smooth, 1.0 = instant) p.setup = function () { - // Optimization: Force 1:1 pixel density. - // High-DPI (4K) monitors default to 2.0+, causing 4x rendering load which kills performance. - p.pixelDensity(1); // Optimization: Increase target frame rate. // p5.js often defaults to 60fps. On 75Hz+ screens, this causes frame skipping and judder. p.frameRate(144);