Add background blur

shaders/Blur.gdshader

@@ -0,0 +1,31 @@
+shader_type canvas_item;
+render_mode unshaded;
+
+uniform sampler2D textureAlbedo : source_color, filter_linear_mipmap, repeat_enable;
+
+uniform vec2 blurStep = vec2(1.0f, 0.0f);
+
+uniform bool applyBlur = true;
+
+void fragment() {
+    if (applyBlur)
+    {
+        vec2 s = blurStep / vec2(textureSize(textureAlbedo, 0));
+        COLOR.rgb =
+            0.0016858046f * texture(textureAlbedo, UV - 6.4f * s).rgb +
+            0.015835322f * texture(textureAlbedo, UV - 4.8f * s).rgb +
+            0.07843286f * texture(textureAlbedo, UV - 3.2f * s).rgb +
+            0.20484284f * texture(textureAlbedo, UV - 1.6f * s).rgb +
+            0.28209478f * texture(textureAlbedo, UV).rgb +
+            0.20484288f * texture(textureAlbedo, UV + 1.6f * s).rgb +
+            0.07843288f * texture(textureAlbedo, UV + 3.2f * s).rgb +
+            0.01583533f * texture(textureAlbedo, UV + 4.8f * s).rgb +
+            0.0016858061f * texture(textureAlbedo, UV + 6.4f * s).rgb;
+    }
+    else
+    {
+        COLOR.rgb = texture(textureAlbedo, UV).rgb;
+    }
+
+    COLOR.a = 1.0f;
+}

shaders/BlurSpatial.gdshader

@@ -0,0 +1,32 @@
+shader_type spatial;
+render_mode unshaded, depth_draw_never;
+
+uniform sampler2D textureAlbedo : source_color, filter_linear_mipmap, repeat_enable;
+
+uniform vec2 blurStep = vec2(1.0f, 0.0f);
+
+uniform bool applyBlur = true;
+
+void fragment() {
+    if (applyBlur)
+    {
+        vec2 s = blurStep / vec2(textureSize(textureAlbedo, 0));
+
+        // Use SCREEN_UV instead of UV, because otherwise the textureAlbedo is stretched
+        // across the plane and only a small part of it is visible on the screen
+        ALBEDO =
+            0.0016858046f * texture(textureAlbedo, SCREEN_UV - 6.4f * s).rgb +
+            0.015835322f * texture(textureAlbedo, SCREEN_UV - 4.8f * s).rgb +
+            0.07843286f * texture(textureAlbedo, SCREEN_UV - 3.2f * s).rgb +
+            0.20484284f * texture(textureAlbedo, SCREEN_UV - 1.6f * s).rgb +
+            0.28209478f * texture(textureAlbedo, SCREEN_UV).rgb +
+            0.20484288f * texture(textureAlbedo, SCREEN_UV + 1.6f * s).rgb +
+            0.07843288f * texture(textureAlbedo, SCREEN_UV + 3.2f * s).rgb +
+            0.01583533f * texture(textureAlbedo, SCREEN_UV + 4.8f * s).rgb +
+            0.0016858061f * texture(textureAlbedo, SCREEN_UV + 6.4f * s).rgb;
+    }
+    else
+    {
+        ALBEDO = texture(textureAlbedo, SCREEN_UV).rgb;
+    }
+}

shaders/MicrobeBackground.gdshader

@@ -22,6 +22,8 @@ uniform float distortionSpeed : hint_range(0.0, 0.01, 0.0001) = 0.001f;
 
 uniform float layerAnimateSpeed : hint_range(0.0, 2.0, 0.1) = 1.0f;
 
+uniform vec2 worldPos;
+
 const vec2 speed0 = vec2(3300.0f);
 const vec2 speed1 = vec2(2550.0f);
 const vec2 speed2 = vec2(1800.0f);
@@ -51,7 +53,6 @@ vec3 LightInfluence(float amount)
 
 void vertex(){
     vec2 offset = (repeats - 1.0f) / 2.0f;
-    vec2 worldPos = (INV_VIEW_MATRIX * vec4(0.0f, 0.0f, 0.0f, 1.0f)).xz;
 
     UV = (UV + worldPos / (speed0 * repeats)) * repeats - offset;
     UV2 = (0.12f + UV + worldPos / (speed1));
@@ -63,7 +64,7 @@ void fragment(){
     // Application of noise textures on parallax layers, creating distortion.
     // Subtracting time results in a flip of the direction of distortion, and multiplying by factor amplifies speed.
     vec2 noiseUV1 = UV + TIME * distortionSpeed;
-	vec2 noise1 = vec2(texture(noiseTex1, noiseUV1).r, texture(noiseTex2, noiseUV1).r);
+    vec2 noise1 = vec2(texture(noiseTex1, noiseUV1).r, texture(noiseTex2, noiseUV1).r);
     vec2 distortedUV0 = UV + noise1 * distortionFactor;
 
 #ifdef DISTORT_ALL_LAYERS

src/engine/Settings.cs

@@ -111,7 +111,7 @@ public enum StrainBarVisibility
     ///   enabled.
     /// </summary>
     [JsonProperty]
-    public SettingValue<float> MicrobeDistortionStrength { get; private set; } = new(0);
+    public SettingValue<float> MicrobeDistortionStrength { get; private set; } = new(0.6f);
 
     /// <summary>
     ///   Type of controller button prompts to show

src/microbe_stage/MicrobeCamera.cs

@@ -63,9 +63,20 @@ public partial class MicrobeCamera : Camera3D, IGodotEarlyNodeResolve, ISaveLoad
     [Export]
     public float LightLevelInterpolateSpeed = 4;
 
+    private readonly StringName applyBlurParameter = new("applyBlur");
+    private readonly StringName worldPositionParameter = new("worldPos");
     private readonly StringName lightLevelParameter = new("lightLevel");
     private readonly StringName distortionStrengthParameter = new("distortionFactor");
 
+    [Export]
+    private NodePath? blurPlanePath;
+
+    [Export]
+    private NodePath blurColorRectPath = null!;
+
+    [Export]
+    private NodePath backgroundPlanePath = null!;
+
 #pragma warning disable CA2213
 
     /// <summary>
@@ -77,7 +88,11 @@ public partial class MicrobeCamera : Camera3D, IGodotEarlyNodeResolve, ISaveLoad
     [JsonIgnore]
     private GpuParticles3D? backgroundParticles;
 
-    private ShaderMaterial? materialToUpdate;
+    private ShaderMaterial? spatialBlurMaterial;
+
+    private ShaderMaterial? canvasBlurMaterial;
+
+    private ShaderMaterial? backgroundMaterial;
 #pragma warning restore CA2213
 
     /// <summary>
@@ -164,14 +179,19 @@ public Vector3 CursorVisualWorldPos
 
     public override void _Ready()
     {
-        var material = GetNode<CsgMesh3D>("BackgroundPlane").Material;
-        if (material == null)
+        var material = GetNode<CsgMesh3D>(backgroundPlanePath).Material;
+        var planeBlurMaterial = GetNode<CsgMesh3D>(blurPlanePath).Material;
+        var colorRectBlurMaterial = GetNode<CanvasItem>(blurColorRectPath).Material;
+
+        if (material == null || planeBlurMaterial == null || colorRectBlurMaterial == null)
         {
             GD.PrintErr("MicrobeCamera didn't find material to update");
             return;
         }
 
-        materialToUpdate = (ShaderMaterial)material;
+        backgroundMaterial = (ShaderMaterial)material;
+        spatialBlurMaterial = (ShaderMaterial)planeBlurMaterial;
+        canvasBlurMaterial = (ShaderMaterial)colorRectBlurMaterial;
 
         ResolveNodeReferences();
 
@@ -180,6 +200,7 @@ public override void _Ready()
 
         UpdateBackgroundVisibility();
         ApplyDistortionEffect();
+        ApplyBlurEffect();
 
         ProcessMode = ProcessModeEnum.Always;
     }
@@ -191,8 +212,8 @@ public void ResolveNodeReferences()
 
         NodeReferencesResolved = true;
 
-        if (HasNode("BackgroundPlane"))
-            backgroundPlane = GetNode<Node3D>("BackgroundPlane");
+        if (HasNode(backgroundPlanePath))
+            backgroundPlane = GetNode<Node3D>(backgroundPlanePath);
     }
 
     public override void _EnterTree()
@@ -204,6 +225,7 @@ public override void _EnterTree()
         Settings.Instance.MicrobeDistortionStrength.OnChanged += OnBackgroundDistortionChanged;
 
         ApplyDistortionEffect();
+        ApplyBlurEffect();
     }
 
     public override void _ExitTree()
@@ -230,6 +252,8 @@ public override void _Process(double delta)
         {
             UpdateCameraPosition(delta, null);
         }
+
+        backgroundMaterial?.SetShaderParameter(worldPositionParameter, new Vector2(Position.X, Position.Z));
     }
 
     public void UpdateCameraPosition(double delta, Vector3? followedObject)
@@ -332,13 +356,13 @@ public void SetBackground(Background background)
     {
         // TODO: skip duplicate background changes
 
-        if (materialToUpdate == null)
+        if (backgroundMaterial == null)
             throw new InvalidOperationException("Camera not initialized yet");
 
         for (int i = 0; i < 4; ++i)
         {
             // TODO: switch this loop away to reuse StringName instances if this causes significant allocations
-            materialToUpdate.SetShaderParameter($"layer{i:n0}", GD.Load<Texture2D>(background.Textures[i]));
+            backgroundMaterial.SetShaderParameter($"layer{i:n0}", GD.Load<Texture2D>(background.Textures[i]));
         }
 
         backgroundParticles?.DetachAndQueueFree();
@@ -356,8 +380,17 @@ protected override void Dispose(bool disposing)
     {
         if (disposing)
         {
+            applyBlurParameter.Dispose();
             lightLevelParameter.Dispose();
             distortionStrengthParameter.Dispose();
+            worldPositionParameter.Dispose();
+
+            if (blurPlanePath != null)
+            {
+                blurPlanePath.Dispose();
+                blurColorRectPath.Dispose();
+                backgroundPlanePath.Dispose();
+            }
         }
 
         base.Dispose(disposing);
@@ -461,7 +494,7 @@ private void UpdateBackgroundVisibility()
 
     private void UpdateLightLevel(float delta)
     {
-        if (materialToUpdate == null)
+        if (backgroundMaterial == null)
         {
             GD.PrintErr($"{nameof(UpdateLightLevel)} called too early, material not ready");
             return;
@@ -486,17 +519,25 @@ private void UpdateLightLevel(float delta)
             lastSetLightLevel = lightLevel;
         }
 
-        materialToUpdate.SetShaderParameter(lightLevelParameter, lastSetLightLevel);
+        backgroundMaterial.SetShaderParameter(lightLevelParameter, lastSetLightLevel);
     }
 
     private void OnBackgroundDistortionChanged(float value)
     {
         ApplyDistortionEffect();
+        ApplyBlurEffect();
     }
 
     private void ApplyDistortionEffect()
     {
-        materialToUpdate?.SetShaderParameter(distortionStrengthParameter,
+        backgroundMaterial?.SetShaderParameter(distortionStrengthParameter,
             Settings.Instance.MicrobeDistortionStrength.Value);
     }
+
+    private void ApplyBlurEffect()
+    {
+        bool enabled = Settings.Instance.MicrobeDistortionStrength.Value > 0.0f;
+        canvasBlurMaterial?.SetShaderParameter(applyBlurParameter, enabled);
+        spatialBlurMaterial?.SetShaderParameter(applyBlurParameter, enabled);
+    }
 }

src/microbe_stage/MicrobeCamera.tscn

@@ -1,15 +1,38 @@
-[gd_scene load_steps=13 format=3 uid="uid://bako5jivv1dji"]
+[gd_scene load_steps=19 format=3 uid="uid://bako5jivv1dji"]
 
 [ext_resource type="Texture2D" uid="uid://d3msr0kfa34w2" path="res://assets/textures/background/Thrive_vent1.png" id="1"]
 [ext_resource type="Texture2D" uid="uid://bddntbgykd7uq" path="res://assets/textures/background/Thrive_vent2.png" id="2"]
+[ext_resource type="Shader" path="res://shaders/BlurSpatial.gdshader" id="2_70a3p"]
 [ext_resource type="Script" path="res://src/microbe_stage/MicrobeCamera.cs" id="3"]
 [ext_resource type="Texture2D" uid="uid://bsvls5moner1g" path="res://assets/textures/background/Thrive_vent3.png" id="4"]
 [ext_resource type="Shader" path="res://shaders/MicrobeBackground.gdshader" id="5"]
 [ext_resource type="Texture2D" uid="uid://c3i2n4piw6ln0" path="res://assets/textures/background/Thrive_vent0.png" id="6"]
+[ext_resource type="Shader" path="res://shaders/Blur.gdshader" id="8_qrk01"]
 
 [sub_resource type="PlaneMesh" id="1"]
 size = Vector2(800, 400)
 
+[sub_resource type="ViewportTexture" id="ViewportTexture_duokn"]
+viewport_path = NodePath("SubViewport2")
+
+[sub_resource type="ShaderMaterial" id="ShaderMaterial_1sr76"]
+resource_local_to_scene = true
+render_priority = -100
+shader = ExtResource("2_70a3p")
+shader_parameter/blurStep = Vector2(0, 1)
+shader_parameter/applyBlur = true
+shader_parameter/textureAlbedo = SubResource("ViewportTexture_duokn")
+
+[sub_resource type="ViewportTexture" id="ViewportTexture_vbioy"]
+viewport_path = NodePath("SubViewport")
+
+[sub_resource type="ShaderMaterial" id="ShaderMaterial_tdrj5"]
+resource_local_to_scene = true
+shader = ExtResource("8_qrk01")
+shader_parameter/blurStep = Vector2(1, 0)
+shader_parameter/applyBlur = true
+shader_parameter/textureAlbedo = SubResource("ViewportTexture_vbioy")
+
 [sub_resource type="FastNoiseLite" id="FastNoiseLite_dor76"]
 frequency = 0.0035
 
@@ -32,8 +55,9 @@ shader = ExtResource("5")
 shader_parameter/lightLevel = 1.0
 shader_parameter/repeats = Vector2(2, 1)
 shader_parameter/distortionFactor = 0.0
-shader_parameter/distortionSpeed = 0.001
+shader_parameter/distortionSpeed = 0.0025
 shader_parameter/layerAnimateSpeed = 0.4
+shader_parameter/worldPos = Vector2(0, 0)
 shader_parameter/layer0 = ExtResource("6")
 shader_parameter/layer1 = ExtResource("1")
 shader_parameter/layer2 = ExtResource("2")
@@ -48,12 +72,51 @@ current = true
 fov = 90.0
 script = ExtResource("3")
 DefaultCameraHeight = 30.0
+blurPlanePath = NodePath("BackgroundPlane")
+blurColorRectPath = NodePath("SubViewport2/ColorRect")
+backgroundPlanePath = NodePath("SubViewport/BackgroundPlane")
+
+[node name="AudioListener3D" type="AudioListener3D" parent="."]
+current = true
 
 [node name="BackgroundPlane" type="CSGMesh3D" parent="."]
-transform = Transform3D(1, 0, 0, 0, -1.62921e-07, -1, 0, 1, -1.62921e-07, 0, 5.96247e-08, -15)
+transform = Transform3D(1, 0, 0, 0, -1.62921e-07, -1, 0, 1, -1.62921e-07, 0, 0, -20)
+cast_shadow = 0
+mesh = SubResource("1")
+material = SubResource("ShaderMaterial_1sr76")
+
+[node name="SubViewport2" type="SubViewport" parent="."]
+disable_3d = true
+handle_input_locally = false
+size = Vector2i(1280, 720)
+render_target_update_mode = 4
+
+[node name="ColorRect" type="ColorRect" parent="SubViewport2"]
+material = SubResource("ShaderMaterial_tdrj5")
+anchors_preset = 8
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+offset_left = -1000.0
+offset_top = -500.0
+offset_right = 1000.0
+offset_bottom = 500.0
+grow_horizontal = 2
+grow_vertical = 2
+
+[node name="SubViewport" type="SubViewport" parent="."]
+own_world_3d = true
+handle_input_locally = false
+size = Vector2i(1280, 720)
+render_target_update_mode = 4
+
+[node name="BackgroundPlane" type="CSGMesh3D" parent="SubViewport"]
+transform = Transform3D(1, 0, 0, 0, -4.37114e-08, -1, 0, 1, -4.37114e-08, 0, 0, -15)
 cast_shadow = 0
 mesh = SubResource("1")
 material = SubResource("2")
 
-[node name="AudioListener3D" type="AudioListener3D" parent="."]
-current = true
+[node name="Camera3D" type="Camera3D" parent="SubViewport"]
+transform = Transform3D(1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 10)
+fov = 90.0