미니게임 (카드 기억)

import 'dart:async';
import 'package:flutter/material.dart';

class MemoryCardGame extends StatefulWidget {
  const MemoryCardGame({super.key});

  @override
  State<MemoryCardGame> createState() => _MemoryCardGameState();
}

class _MemoryCardGameState extends State<MemoryCardGame> {
  final icons = ['★', '●', '■', '◆', '▲', '✦', '✚', '☘', '★', '●', '■', '◆', '▲', '✦', '✚', '☘'];
  final opened = <int>{};
  final previewing = <int>{};
  int? first;
  int moves = 0;
  int seconds = 0;
  bool locked = false;
  bool finished = false;
  Timer? timer;

  void startGame() {
    timer?.cancel();
    setState(() {
      opened.clear();
      previewing.clear();
      first = null;
      moves = 0;
      seconds = 0;
      finished = false;
      locked = false;
    });
    timer = Timer.periodic(const Duration(seconds: 1), (_) {
      setState(() => seconds += 1);
    });
  }

  Future<void> flip(int index) async {
    if (locked || opened.contains(index) || previewing.contains(index)) return;
    setState(() => previewing.add(index));

    if (first == null) {
      first = index;
      return;
    }

    locked = true;
    moves += 1;
    if (icons[first!] == icons[index]) {
      opened.add(first!);
      opened.add(index);
      if (opened.length == icons.length) {
        timer?.cancel();
        finished = true;
      }
    } else {
      await Future.delayed(const Duration(seconds: 1));
    }
    setState(() {
      previewing.remove(first);
      previewing.remove(index);
      first = null;
      locked = false;
    });
  }

  @override
  void dispose() {
    timer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('시도 $moves · 시간 $seconds초'),
        ElevatedButton(onPressed: startGame, child: const Text('게임 시작')),
        Stack(
          alignment: Alignment.center,
          children: [
            GridView.count(
              shrinkWrap: true,
              crossAxisCount: 4,
              children: List.generate(icons.length, (index) {
                final visible = opened.contains(index) || previewing.contains(index);
                return AnimatedSwitcher(
                  duration: const Duration(milliseconds: 220),
                  child: TextButton(
                    key: ValueKey(visible),
                    onPressed: () => flip(index),
                    child: Text(visible ? icons[index] : '?'),
                  ),
                );
              }),
            ),
            if (finished)
              Card(
                child: Padding(
                  padding: const EdgeInsets.all(20),
                  child: Text('$seconds초 기록'),
                ),
              ),
          ],
        ),
      ],
    );
  }
}

Container(
  padding: const EdgeInsets.all(20),
  decoration: BoxDecoration(
    color: Colors.white,
    border: Border.all(color: const Color(0xFFDCE6EF)),
    borderRadius: BorderRadius.circular(8),
  ),
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      const Text(
        '카드 기억 게임',
        style: TextStyle(fontSize: 22, fontWeight: FontWeight.w900),
      ),
      const SizedBox(height: 14),
      Wrap(
        spacing: 8,
        children: const [Chip(label: Text('시도 0')), Chip(label: Text('짝 0/3'))],
      ),
      const SizedBox(height: 14),
      SizedBox(
        width: 320,
        height: 220,
        child: GridView.count(
          shrinkWrap: true,
          crossAxisCount: 3,
          children: List.generate(icons.length, (index) {
            final visible = opened.contains(index) || first == index;
            return FilledButton.tonal(
              onPressed: () => flip(index),
              child: Text(visible ? icons[index] : '?'),
            );
          }),
        ),
      ),
    ],
  ),
)