From c273cc4c3dcf1c9a69cec530ddc3c1dd82855a36 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20Gr=C3=A4nitz?= Date: Mon, 5 Jun 2023 15:28:09 +0200 Subject: [PATCH] Make raw tracks more usable on the post-process page Let users change color and opacity of raw tracks easily from the console (these are the defaults): ``` CriticalSnake.PlaybackOptions.defaultColor = '#00f' CriticalSnake.PlaybackOptions.defaultOpacity = 0.1 ``` --- critical-snake/playback.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/critical-snake/playback.js b/critical-snake/playback.js index 801ffca..cebbe39 100644 --- a/critical-snake/playback.js +++ b/critical-snake/playback.js @@ -24,8 +24,11 @@ CriticalSnake.PlaybackOptions = { // currently offers. autoLimitFps: true, - // The color used to draw tracks and circles not associated with a snake. - defaultColor: "#888", // grey + // The color of raw tracks and circles not associated with a snake. + defaultColor: "#00f", + + // The opacity of raw tracks. + defaultOpacity: 0.1, // Colors for tracks and circles by snake-index. snakeColors: [ @@ -104,7 +107,7 @@ CriticalSnake.Playback = function(bikeMap) { function drawRawTracks(canvas, dataPoints, tracks, stamp, range, opacity) { range = range || 10; - opacity = opacity || 0.1; + opacity = opacity || CriticalSnake.PlaybackOptions.defaultOpacity; canvas.clearLayers(); @@ -124,7 +127,7 @@ CriticalSnake.Playback = function(bikeMap) { visibleBikes += 1; canvas.addLayer( L.polyline(coords, { - color: "#888", + color: CriticalSnake.PlaybackOptions.defaultColor, opacity: opacity })); }