added a fade_in effect to the knobs

This commit is contained in:
SallarShayegan
2025-03-02 20:16:40 +01:00
parent 27ea7f2504
commit 6f0e1e3e5e
3 changed files with 27 additions and 9 deletions

View File

@ -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)

View File

@ -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))

View File

@ -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: