HP Trivia (1)

struct CurrencyView: View {  
    var body: some View {  
        // 통화 아이콘 디자인  
        // 그리드 레이아웃 처리  
        // 통화 선택 화면 전체 구성  
    }  
}

struct CurrencyIconView: View {  
    // 통화 아이콘 디자인만 담당  
}

struct IconGridView: View {  
    // 여러 개의 아이콘을 그리드로 배치  
}

struct SelectCurrencyView: View {  
    // 전체 화면을 구성하며 위 컴포넌트를 조합  
}

struct Question: Decodable {
    let id: Int
    let question: String
    let answer: String
    let wrong: [String]
    let book: Int
    let hint: String
}

struct InstructionsView: View {
    @Environment(\.dismiss) private var dismiss
    
    
    var body: some View {
        ZStack {
            Image(.parchment)
                .resizable()
                .ignoresSafeArea()
                .background(.brown)
            
            VStack {
                Image(.appiconwithradius)
                    .resizable()
                    .scaledToFit()
                    .frame(width: 100)
                    .padding(.top)
                
                ScrollView {
                    Text("How To Play")
                        .font(.largeTitle)
                        .padding()
                    
                    VStack(alignment: .leading, spacing: 20) {
                        Text("Welcome to HP Trivia! In this game you will be asked random questions from the HP books and you must guess the right answer or you will lose points!😱")
                        
                        Text("Each question is worth 5 points, but if you guess a wrong answer, you lose 1 point.")
                        
                        Text("If you are struggling with a question, there is an option to reveal a hint or reveal the book that answers the question. But beware! Using these also removes 1 point each.")
                        
                        Text("When you select the correct answer, you will be awarded all the points left for that question and they will be added to your total score.")
                        
                    }
                    .font(.title3)
                    .padding(.horizontal)
                    
                    Text("Good Luck!")
                        .font(.title)
                }
                
                Button("Done") {
                    dismiss()
                }
                .font(.largeTitle)
                .padding()
                .buttonStyle(.borderedProminent)
                .tint(.brown.mix(with: .black, by: 0.2))
                .foregroundStyle(.white)
            }
       

struct ContentView: View {
    var body: some View {
        GeometryReader { geo in
            ZStack {
                Image(.hogwarts)
                    .resizable()
                    .frame(width: geo.size.width * 3, height: geo.size.height)
                    .padding(.top, 3)
            }
            .frame(width: geo.size.width, height: geo.size.height)
        }
        .ignoresSafeArea()
    }
}

.padding(.top, 3)
.phaseAnimator([false, true]) { content, phase in
    content
        .offset(x: phase ? geo.size.width/1.1 : -geo.size.width/1.1)
} animation: { _ in
        .linear(duration: 60)
}

struct ContentView: View {
    @State private var animateViewsIn = false // new

    var body: some View {
        GeometryReader { geo in
            ZStack {
                // 생략

                VStack {
                    VStack {
                        if animateViewsIn {
                            VStack {
                                Image(systemName: "bolt.fill")
                                    .imageScale(.large)
                                    .font(.largeTitle)

                                Text("HP")
                                    .font(.custom("PartyLetPlain", size: 70))
                                    .padding(.bottom, -50)

                                Text("Trivia")
                                    .font(.custom("PartyLetPlain", size: 60))
                            }
                            .padding(.top, 70)
                            .transition(.move(edge: .top))
                        }
                    }
                    .animation(.easeInOut(duration: 0.7).delay(2), value: animateViewsIn)
                    
                    Spacer()
                }
            }
            .frame(width: geo.size.width, height: geo.size.height)
        }
        .ignoresSafeArea()
        .onAppear {
                animateViewsIn = true
        }
    }
}

GeometryReader { geo in
    ZStack {
        // 생략
        VStack {
            VStack {
                if animateViewsIn {
                    VStack {
                        // 생략
                    }
                    .padding(.top, 70)
                    .transition(.move(edge: .top))
                }
            }
            .animation(.easeInOut(duration: 0.7).delay(2), value: animateViewsIn)

            Spacer()
        }
    }
    .frame(width: geo.size.width, height: geo.size.height)
}
.ignoresSafeArea()
.onAppear {
        animateViewsIn = true
}

withAnimation(.easeInOut) {
    isVisible.toggle()
}

.animation(.easeInOut, value: isVisible)