From 31319e429208d40cc97f458ae37933ecd90220e4 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Mon, 17 Nov 2025 17:50:38 +0900
Subject: [PATCH] =?UTF-8?q?feat(live-room):=20=EC=99=95=ED=95=98=ED=8A=B8?=
 =?UTF-8?q?=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Sources/Live/Room/LiveRoomViewModel.swift | 114 ++++++++++++------
 .../Sources/Live/Room/V2/LiveRoomViewV2.swift |   3 +-
 2 files changed, 76 insertions(+), 41 deletions(-)

diff --git a/SodaLive/Sources/Live/Room/LiveRoomViewModel.swift b/SodaLive/Sources/Live/Room/LiveRoomViewModel.swift
index fa59594..4819a63 100644
--- a/SodaLive/Sources/Live/Room/LiveRoomViewModel.swift
+++ b/SodaLive/Sources/Live/Room/LiveRoomViewModel.swift
@@ -9,6 +9,7 @@ import Foundation
 import Moya
 import Combine
 import UIKit
+import SwiftUI
 
 import AgoraRtcKit
 import AgoraRtmKit
@@ -238,6 +239,8 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
     @Published var isShowRemoteBigHeart: Bool = false
     @Published var remoteWaterProgress: CGFloat = 0
     @Published var remoteWavePhase: CGFloat = 0
+    // 수신자 하트 스케일(0~1): 1.0~1.5초 랜덤으로 0→1 스케일 업
+    @Published var remoteHeartScale: CGFloat = 1.0
     @Published var bigHeartParticles: [BigHeartParticle] = []
     
     // 최근 폭발 파편의 개수/크기 기록(낙하 효과에 사용)
@@ -245,6 +248,8 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
     private var lastExplosionSizes: [CGFloat] = []
     // 폭발 파편이 모두 사라진 직후 비(낙하)를 스폰해야 하는지 여부
     private var shouldSpawnRainAfterExplosionEnds: Bool = false
+    // 진행 중인 연쇄 폭발(버스트) 남은 횟수(중앙 1회 + 랜덤 6회 = 7)
+    private var pendingExplosionBursts: Int = 0
     
     var signatureImageUrls = [String]()
     var signatureList = [LiveRoomDonationResponse]()
@@ -2102,29 +2107,34 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
     }
     
     private func addBigHeartAnimation() {
-        // 로컬 발신 직후 1회는 원격 물 채움 연출을 생략하고 바로 폭발만 실행
+        // 로컬 발신 직후 1회는 원격 물 채움 연출을 생략하고 바로 연쇄 폭발만 실행
         if suppressNextRemoteWaterFill {
             suppressNextRemoteWaterFill = false
-            spawnHeartExplosion()
+            scheduleExplosionBursts()
             startParticlesTimer()
             return
         }
-        // 요구사항 변경: 물 채우기(1초) 연출 제거.
-        // 가득 찬 하트를 잠깐(0.15초) 보여준 뒤 폭발 이펙트를 실행.
+        // 요구사항: 수신자 하트는 0→현재 크기까지 0.5초 동안 스케일 업 후 연쇄 폭발
         DispatchQueue.main.async { [weak self] in
             guard let self = self else { return }
             self.remoteWaterTimer?.cancel()
             self.remoteWaterTimer = nil
             self.remoteWavePhase = 0
             self.remoteWaterProgress = 1.0
+            self.remoteHeartScale = 0.0
             self.isShowRemoteBigHeart = true
-            DEBUG_LOG("BIG_HEART: show filled heart, then explode after 0.30s")
-            DispatchQueue.main.asyncAfter(deadline: .now() + 0.30) { [weak self] in
+            let growDuration = Double.random(in: 1.0...1.5)
+            withAnimation(.easeOut(duration: growDuration)) {
+                self.remoteHeartScale = 1.0
+            }
+            DEBUG_LOG("BIG_HEART: scale-up \(growDuration)s then sequential 7 bursts")
+            DispatchQueue.main.asyncAfter(deadline: .now() + growDuration) { [weak self] in
                 guard let self = self else { return }
                 self.isShowRemoteBigHeart = false
                 self.remoteWaterProgress = 0
                 self.remoteWavePhase = 0
-                self.spawnHeartExplosion()
+                self.remoteHeartScale = 1.0
+                self.scheduleExplosionBursts()
                 self.startParticlesTimer()
             }
         }
@@ -2165,11 +2175,11 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
     }
     
     // MARK: - BIG HEART - Explosion Particles
-    private func spawnHeartExplosion() {
-        // 중심(0,0)에서 폭발하는 작은 하트 파편 생성
-        // 색상은 View에서 #ff959a로 렌더링
+    private func spawnHeartExplosion(origin: CGPoint = .zero) {
+        // 주어진 origin에서 폭발하는 작은 하트 파편 생성
+        let explosionDuration: Double = 0.7 // 1회 폭발 수명
         var particles: [BigHeartParticle] = []
-        let count = Int.random(in: 20...35) // 요구사항: 파편 개수 20~35개
+        let count = Int.random(in: 20...35) // 파편 개수 20~35개
         for i in 0..<count {
             // 각도 분산 + 약간의 랜덤성
             let baseAngle = (Double(i) / Double(count)) * .pi * 2
@@ -2184,11 +2194,11 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
             // 크기: 20~65pt
             let size = CGFloat.random(in: 20...65)
             let scale: CGFloat = 1.0 // 최종 크기 유지(시간 경과에 따라 약간 축소)
-            let life: Double = Double.random(in: 1.0...1.5)
+            let life: Double = explosionDuration
             let particle = BigHeartParticle(
                 id: UUID(),
-                x: 0,
-                y: 0,
+                x: origin.x,
+                y: origin.y,
                 vx: vx,
                 vy: vy,
                 opacity: 1.0,
@@ -2201,43 +2211,66 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
             )
             particles.append(particle)
         }
-        // 기록: 낙하 효과에 동일 개수/크기를 사용하기 위해 저장
+        // 기록(호환성 유지용)
         self.lastExplosionCount = count
         self.lastExplosionSizes = particles.map { $0.size }
         DispatchQueue.main.async {
-            self.bigHeartParticles = particles
+            self.bigHeartParticles.append(contentsOf: particles)
         }
-        // 폭발 파편이 모두 사라진 직후 낙하 하트를 생성하도록 플래그 설정
+    }
+    
+    /// 0.7초 간격으로 총 7회(중앙 1회 + 랜덤 6회) 연쇄 폭발을 스케줄링
+    private func scheduleExplosionBursts() {
+        let bursts = 7
+        let interval: Double = 0.7
+        self.pendingExplosionBursts = bursts
         self.shouldSpawnRainAfterExplosionEnds = true
+        let bounds = UIScreen.main.bounds
+        let margin: CGFloat = 80
+        for i in 0..<bursts {
+            let delay = Double(i) * interval
+            DispatchQueue.main.asyncAfter(deadline: .now() + delay) { [weak self] in
+                guard let self = self else { return }
+                let origin: CGPoint
+                if i == 0 {
+                    origin = .zero // 중앙
+                } else {
+                    let minX = -bounds.width * 0.5 + margin
+                    let maxX = bounds.width * 0.5 - margin
+                    let minY = -bounds.height * 0.5 + margin
+                    let maxY = bounds.height * 0.5 - margin
+                    origin = CGPoint(x: CGFloat.random(in: minX...maxX),
+                                     y: CGFloat.random(in: minY...maxY))
+                }
+                self.spawnHeartExplosion(origin: origin)
+                self.pendingExplosionBursts = max(0, self.pendingExplosionBursts - 1)
+                // 타이머가 없으면 시작(보호)
+                if self.bigHeartParticleTimer == nil {
+                    self.startParticlesTimer()
+                }
+            }
+        }
     }
     
     // MARK: - BIG HEART - Rain Particles (after explosion)
     private func spawnHeartRainFromLastExplosion() -> [BigHeartParticle] {
-        let count = max(0, self.lastExplosionCount)
-        guard count > 0 else { return [] }
+        // 요구사항: 폭발 후 비 내리는 하트는 80~100개 랜덤
+        let count = Int.random(in: 80...100)
         let bounds = UIScreen.main.bounds
         let startYBase = -bounds.height * 0.5 - 40 // 화면 위쪽 바깥에서 시작(기본)
         var rains: [BigHeartParticle] = []
         rains.reserveCapacity(count)
-        for i in 0..<count {
-            // 화면 너비에 균등 분포 + 약간의 지터
-            let ratio = (CGFloat(i) + 0.5) / CGFloat(count)
-            var x = (ratio - 0.5) * bounds.width
-            x += CGFloat.random(in: -20...20)
-            // 크기는 폭발과 동일 인덱스를 사용(없으면 기본 범위)
-            let size: CGFloat
-            if i < self.lastExplosionSizes.count {
-                size = self.lastExplosionSizes[i]
-            } else {
-                size = CGFloat.random(in: 20...65)
-            }
+        for _ in 0..<count {
+            // 화면 너비 랜덤 분포
+            let x = CGFloat.random(in: -bounds.width * 0.5...bounds.width * 0.5)
+            // 크기 랜덤
+            let size = CGFloat.random(in: 18...60)
             let vx = CGFloat.random(in: -60...60)
-            let vy = CGFloat.random(in: 10...500) // 상한 220→500로 확대하여 낙하 속도 분산 강화
-            let startY = startYBase + CGFloat.random(in: -80...20) // 시작 높이 지터로 낙하 거리 다양화
+            let vy = CGFloat.random(in: 120...520)
+            let startY = startYBase + CGFloat.random(in: -80...20)
             let sizeNorm = max(0, min(1, (size - 30) / 120))
-            var gScale = 0.8 + 0.8 * sizeNorm // 0.8..1.6 (size가 클수록 빠르게)
-            gScale += CGFloat.random(in: -0.15...0.15) // 약간의 지터
-            // variation 1.3x: 평균(1.0) 대비 편차를 1.3배 확대
+            var gScale = 0.8 + 0.8 * sizeNorm
+            gScale += CGFloat.random(in: -0.15...0.15)
             gScale = 1.0 + (gScale - 1.0) * CGFloat(1.3)
             gScale = max(0.5, min(1.5, gScale))
             let p = BigHeartParticle(
@@ -2286,7 +2319,7 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
                     p.rotation += Double((abs(p.vx) + abs(p.vy)) * 0.02 * CGFloat(dt))
                     // 수명/투명도 감소(폭발/낙하 각각의 기준 수명 적용)
                     p.life -= dt
-                    let baseLife: Double = p.isRain ? 4.0 : 1.2
+                    let baseLife: Double = p.isRain ? 4.0 : 0.7
                     p.opacity = max(0, min(1, p.life / baseLife))
                     // 잔상감 주기 위해 살짝 스케일 감소
                     p.scale *= 0.995
@@ -2300,8 +2333,8 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
                 }
                 // 폭발 파편 존재 여부(현재 프레임)
                 let hasExplosionAfter = next.contains(where: { !$0.isRain })
-                // 요구사항: 폭발 파편이 모두 사라진 직후 비를 시작
-                if hadExplosionBefore && !hasExplosionAfter && self.shouldSpawnRainAfterExplosionEnds {
+                // 요구사항: 모든 연쇄 폭발이 끝나고 폭발 파편이 모두 사라진 직후 비를 시작
+                if hadExplosionBefore && !hasExplosionAfter && self.shouldSpawnRainAfterExplosionEnds && self.pendingExplosionBursts == 0 {
                     let rains = self.spawnHeartRainFromLastExplosion()
                     if !rains.isEmpty {
                         next.append(contentsOf: rains)
@@ -2309,7 +2342,8 @@ final class LiveRoomViewModel: NSObject, ObservableObject {
                     self.shouldSpawnRainAfterExplosionEnds = false
                 }
                 self.bigHeartParticles = next
-                if next.isEmpty {
+                // 타이머 종료: 파티클이 비어 있고, 추가 예정인 폭발도 없을 때만 종료
+                if next.isEmpty && self.pendingExplosionBursts == 0 {
                     self.bigHeartParticleTimer?.cancel()
                     self.bigHeartParticleTimer = nil
                 }
diff --git a/SodaLive/Sources/Live/Room/V2/LiveRoomViewV2.swift b/SodaLive/Sources/Live/Room/V2/LiveRoomViewV2.swift
index 7012d14..7721e1b 100644
--- a/SodaLive/Sources/Live/Room/V2/LiveRoomViewV2.swift
+++ b/SodaLive/Sources/Live/Room/V2/LiveRoomViewV2.swift
@@ -767,11 +767,12 @@ struct LiveRoomViewV2: View {
                     .opacity(showWaterHeart ? 1 : 0)
                     .animation(.easeInOut(duration: 0.2), value: showWaterHeart)
                 
-                // 원격 수신 시(또는 공통 트리거) 물 채우기 하트 - 1초 연출
+                // 원격 수신 시(또는 공통 트리거) 물 채우기 하트 - 0→1 스케일 업(0.5s)
                 WaterHeartView(progress: viewModel.remoteWaterProgress,
                                show: viewModel.isShowRemoteBigHeart,
                                phase: viewModel.remoteWavePhase)
                     .frame(width: 210, height: 210)
+                    .scaleEffect(viewModel.remoteHeartScale)
                     .allowsHitTesting(false)
                     // 롱프레스 로컬 연출 중에는 원격 하트를 숨겨 중복 방지
                     .opacity((viewModel.isShowRemoteBigHeart && !showWaterHeart) ? 1 : 0)