From 6f0e1e3e5e7ec1ce98b141a19f6d58807080567e Mon Sep 17 00:00:00 2001
From: SallarShayegan <sallar.shayegan@gmail.com>
Date: Sun, 2 Mar 2025 20:16:40 +0100
Subject: [PATCH] added a fade_in effect to the knobs

---
 knob.py  |  8 ++++----
 knobs.py | 21 ++++++++++++++++-----
 main.py  |  7 +++++++
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/knob.py b/knob.py
index 12b3182..41810a1 100644
--- a/knob.py
+++ b/knob.py
@@ -12,7 +12,7 @@ class Knob:
         self.position = position
         self.value = value
         self.focused = False
-        self.fade_count_down = 300
+        self.fade_count_down = 150
         self.vanish_label_path = False
         self.label_path = []
 
@@ -45,7 +45,7 @@ class Knob:
         y = (self.radius - 5) * math.sin(angle) + self.position[1]
         return(x, y)
 
-    def display(self, screen):
+    def display(self, surface):
         m1, m2, m3 = pygame.mouse.get_pressed(3)
         if m1:
             pos = pygame.mouse.get_pos()
@@ -56,6 +56,6 @@ class Knob:
         if self.fade_count_down == 0:
             self.vanish_label_path = True
             self.set_focused(False)
-        pygame.draw.circle(screen, self.color, self.position, self.radius)
-        pygame.draw.line(screen, "black", self.position, self.get_pointer_position(), 4)
+        pygame.draw.circle(surface, self.color + (self.group.opacity,), self.position, self.radius)
+        pygame.draw.line(surface, "black", self.position, self.get_pointer_position(), 4)
         
\ No newline at end of file
diff --git a/knobs.py b/knobs.py
index 6cb4fa8..f707c06 100644
--- a/knobs.py
+++ b/knobs.py
@@ -9,6 +9,12 @@ class Knobs:
     def __init__(self, gui):
 
         self.gui = gui
+        self.knobs_surface = pygame.Surface((gui.screenW, gui.screenH), pygame.SRCALPHA)
+
+        self.opacity = 0
+        self.fade_speed = 5
+        self.fade_in = False
+        self.fade_out = False
 
         knob_names = [
             'Delay Time',
@@ -56,8 +62,8 @@ class Knobs:
         label_y = (self.gui.screenH - label_fx_name.get_height() - label_fx_value.get_height()) / 2
         
         if self.label_vanish_parameter == 0:
-            self.gui.screen.blit(label_fx_name, (label_x, label_y))
-            self.gui.screen.blit(label_fx_value, (label_x, self.gui.screenH / 2))
+            self.gui.label_surface.blit(label_fx_name, (label_x, label_y))
+            self.gui.label_surface.blit(label_fx_value, (label_x, self.gui.screenH / 2))
         
         if knob.vanish_label_path:
             if self.label_border_height < self.gui.screenH / 2:
@@ -67,7 +73,7 @@ class Knobs:
             self.label_border_height = label_y
 
         pygame.draw.line(
-            self.gui.screen,
+            self.gui.label_surface,
             color_primary_dark,
             (label_x - 10, self.label_border_height),
             (label_x - 10, self.gui.screenH - self.label_border_height),
@@ -78,7 +84,7 @@ class Knobs:
 
         for i in range(len(knob.label_path)-1):
             pygame.draw.line(
-                self.gui.screen,
+                self.gui.label_surface,
                 color_primary_dark,
                 knob.label_path[i],
                 knob.label_path[i+1],
@@ -136,6 +142,11 @@ class Knobs:
                 k.vanish_label_path = False
 
     def display(self):
+        if self.fade_in and self.opacity < 255: self.opacity += self.fade_speed
+        if self.fade_out and self.opacity > 0: self.opacity -= self.fade_speed
+        self.knobs_surface = pygame.Surface((self.gui.screenW, self.gui.screenH), pygame.SRCALPHA)
         for knob in self.knobs:
             if knob.focused or knob.vanish_label_path: self.display_label(knob)
-            knob.display(self.gui.screen)
+            knob.display(self.knobs_surface)
+        
+        self.gui.screen.blit(self.knobs_surface, (0,0))
diff --git a/main.py b/main.py
index 513001e..9605640 100644
--- a/main.py
+++ b/main.py
@@ -18,6 +18,8 @@ class GuiMain:
         self.screenH = self.screen.get_height()
         self.screenW = self.screen.get_width()
 
+        self.label_surface = pygame.Surface((self.screenW, self.screenH), pygame.SRCALPHA)
+
         self.fx_mode_labels = [
             'Strings',
             'Beat',
@@ -74,8 +76,10 @@ class GuiMain:
         else: component.color = color_primary
 
     def set_fx_mode(self, mode):
+        self.knobs[self.fx_mode].opacity = 0
         self.fx_mode = self.fx_mode_labels.index(mode)
         self.knobs[self.fx_mode].set_focused(None)
+        self.knobs[self.fx_mode].fade_in = True
         for b in self.fx_mode_buttons:
             b.focused = (b.name == mode)
 
@@ -92,6 +96,9 @@ class GuiMain:
 
             # RENDER YOUR GAME HERE
 
+            self.screen.blit(self.label_surface, (0,0))
+            self.label_surface = pygame.Surface((self.screenW, self.screenH), pygame.SRCALPHA)
+
             self.knobs[self.fx_mode].display()
 
             for button in self.fx_mode_buttons: