diff --git a/BlueMapCommon/webapp/src/components/ControlBar/DayNightSwitch.vue b/BlueMapCommon/webapp/src/components/ControlBar/DayNightSwitch.vue
index 246b1d6dd..dcc7378cf 100644
--- a/BlueMapCommon/webapp/src/components/ControlBar/DayNightSwitch.vue
+++ b/BlueMapCommon/webapp/src/components/ControlBar/DayNightSwitch.vue
@@ -43,6 +43,7 @@ export default {
animation = animate(t => {
let u = EasingFunctions.easeOutQuad(t);
this.mapViewer.uniforms.sunlightStrength.value = startValue * (1-u) + targetValue * u;
+ this.$bluemap.mapViewer.redraw();
}, 300);
}
}
diff --git a/BlueMapCommon/webapp/src/components/Menu/SettingsMenu.vue b/BlueMapCommon/webapp/src/components/Menu/SettingsMenu.vue
index 702714ac6..155f2e61e 100644
--- a/BlueMapCommon/webapp/src/components/Menu/SettingsMenu.vue
+++ b/BlueMapCommon/webapp/src/components/Menu/SettingsMenu.vue
@@ -8,15 +8,15 @@
{{$t('lighting.sunlight')}}
+ @update="mapViewer.uniforms.sunlightStrength.value = $event; $bluemap.mapViewer.redraw()">{{$t('lighting.sunlight')}}
{{$t('lighting.ambientLight')}}
+ @update="mapViewer.uniforms.ambientLight.value = $event; $bluemap.mapViewer.redraw()">{{$t('lighting.ambientLight')}}
{{stage.name}}
diff --git a/BlueMapCommon/webapp/src/js/MapViewer.js b/BlueMapCommon/webapp/src/js/MapViewer.js
index 9e789b1dd..2fc807137 100644
--- a/BlueMapCommon/webapp/src/js/MapViewer.js
+++ b/BlueMapCommon/webapp/src/js/MapViewer.js
@@ -114,8 +114,8 @@ export class MapViewer {
this.lastFrame = 0;
this.lastRedrawChange = 0;
- events.addEventListener("bluemapCameraMoved", () => this.lastRedrawChange = Date.now())
- events.addEventListener("bluemapTileLoaded", () => this.lastRedrawChange = Date.now())
+ events.addEventListener("bluemapCameraMoved", this.redraw)
+ events.addEventListener("bluemapTileLoaded", this.redraw)
// initialize
this.initializeRootElement();
@@ -163,6 +163,8 @@ export class MapViewer {
this.camera.aspect = this.rootElement.clientWidth / this.rootElement.clientHeight;
this.camera.updateProjectionMatrix();
+
+ this.redraw();
};
/**
@@ -264,6 +266,13 @@ export class MapViewer {
}
}
+ /**
+ * Call to wake up the render-loop and render on high-fps for a while
+ */
+ redraw = () => {
+ this.lastRedrawChange = Date.now();
+ }
+
/**
* @private
* The render-loop to update and possibly render a new frame.