update

scripts/ui/booster_screen.gd

@@ -12,6 +12,8 @@ var msg_label: Label
 var b_buy: Button
 var b_all: Button
 var slots: Control
+var fx_layer: Control
+var fresh := {}         # gerade aufgedeckt: wird umgedreht
 
 
 class CardBack extends Control:
@@ -47,15 +49,18 @@ func slot_rect(i: int) -> Rect2:
 
 
 func _ready() -> void:
-    Style.label(self, "Booster", 36, Style.GOLD, Rect2(0, 20, 1280, 50), "center", true)
-    coins_label = Style.label(self, "", 22, Style.GOLD, Rect2(0, 78, 1280, 30), "center")
+    Style.header(self, "Booster", func(): app.show_screen(MenuScreen.new()))
+    coins_label = Style.chip(self, "", Rect2(860, 26, 240, 38))
+    fx_layer = Control.new()
+    fx_layer.mouse_filter = Control.MOUSE_FILTER_IGNORE
+    add_child(fx_layer)
     slots = Control.new()
     slots.mouse_filter = Control.MOUSE_FILTER_IGNORE
     add_child(slots)
-    msg_label = Style.label(self, "", 17, Style.RED, Rect2(0, 700, 1280, 22), "center")
-    b_buy = Style.button(self, "Booster kaufen (%d Münzen)" % Profile.BOOSTER_COST, Rect2(290, 720, 330, 48), buy, Color("5a4628"))
-    b_all = Style.button(self, "Alle aufdecken", Rect2(640, 720, 200, 48), reveal_all)
-    Style.button(self, "Zurück", Rect2(860, 720, 130, 48), func(): app.show_screen(MenuScreen.new()))
+    msg_label = Style.label(self, "", 17, Style.RED, Rect2(0, 640, 1280, 22), "center")
+    b_buy = Style.button(self, "Booster kaufen (%d Münzen)" % Profile.BOOSTER_COST, Rect2(370, 690, 330, 52), buy, Color("5a4628"))
+    b_buy.add_theme_font_size_override("font_size", 20)
+    b_all = Style.button(self, "Alle aufdecken", Rect2(720, 690, 200, 52), reveal_all)
     refresh()
 
 
@@ -81,16 +86,44 @@ func buy() -> void:
 
 func reveal(i: int) -> void:
     revealed[i] = true
-    app.sfx.play("click")
+    fresh = {i: 0.0}
+    app.sfx.play("combo" if cards[i].rarity != "gewöhnlich" else "click")
     refresh()
 
 
 func reveal_all() -> void:
+    fresh = {}
+    var k := 0
     for i in Profile.BOOSTER_SIZE:
+        if not revealed.has(i):
+            fresh[i] = k * 0.12
+            k += 1
         revealed[i] = true
+    app.sfx.play("play")
     refresh()
 
 
+## Umdrehen: die Karte wächst aus der Mitte; seltene Stufen blitzen in ihrer Farbe auf.
+func flip(v: CardView, delay: float, rarity: String) -> void:
+    if not Style.animations:
+        return
+    v.scale.x = 0.0
+    var tw := create_tween()
+    tw.tween_interval(delay)
+    tw.tween_property(v, "scale:x", 1.0, 0.18).set_trans(Tween.TRANS_BACK).set_ease(Tween.EASE_OUT)
+    if rarity == "gewöhnlich":
+        return
+    var burst := Style.panel(fx_layer, Rect2(v.position, v.size).grow(6), Color(Cards.RARITY_COLORS[rarity], 0.6), 12)
+    burst.pivot_offset = burst.size / 2
+    burst.modulate.a = 0.0
+    var bt := create_tween()
+    bt.tween_interval(delay + 0.1)
+    bt.tween_property(burst, "modulate:a", 1.0, 0.05)
+    bt.parallel().tween_property(burst, "scale", Vector2(1.25, 1.25), 0.45).set_trans(Tween.TRANS_QUAD).set_ease(Tween.EASE_OUT)
+    bt.tween_property(burst, "modulate:a", 0.0, 0.3)
+    bt.tween_callback(burst.queue_free)
+
+
 func refresh() -> void:
     var p: Profile = app.profile
     coins_label.text = "Münzen: %d" % p.coins
@@ -107,6 +140,8 @@ func refresh() -> void:
             var v := CardView.new(c, r.size, false, res.rarity)
             v.position = r.position
             slots.add_child(v)
+            if fresh.has(i):
+                flip(v, fresh[i], res.rarity)
             Style.label(slots, tr(res.rarity), 16, Cards.RARITY_COLORS[res.rarity], Rect2(r.position.x, r.end.y + 8, r.size.x, 24), "center", true)
             if res.upgraded:
                 Style.label(slots, "Aufgewertet", 16, Style.GREEN, Rect2(r.position.x, r.end.y + 32, r.size.x, 24), "center", true)
@@ -117,3 +152,4 @@ func refresh() -> void:
             back.position = r.position
             back.clicked.connect(reveal.bind(i))
             slots.add_child(back)
+    fresh = {}