미니게임 (색상 스트룹 테스트)

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

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

  @override
  State<StroopColorGame> createState() => _StroopColorGameState();
}

class _StroopColorGameState extends State<StroopColorGame> {
  final random = Random();
  final colors = [
    {'name': '파랑', 'color': Colors.blue},
    {'name': '초록', 'color': Colors.green},
    {'name': '보라', 'color': Colors.purple},
    {'name': '빨강', 'color': Colors.red},
    {'name': '노랑', 'color': Colors.amber},
    {'name': '검정', 'color': Colors.black},
  ];
  int targetIndex = 0;
  int score = 0;
  int seconds = 15;
  bool playing = false;
  Timer? timer;

  void pickNextQuestion() {
    var next = targetIndex;
    while (next == targetIndex) {
      next = random.nextInt(colors.length);
    }
    targetIndex = next;
  }

  void chooseName(int index) {
    if (!playing) return;
    setState(() {
      if (index == targetIndex) {
        score += 1;
        pickNextQuestion();
      }
    });
  }

  void startGame() {
    timer?.cancel();
    setState(() {
      score = 0;
      seconds = 15;
      playing = true;
      pickNextQuestion();
    });
    timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      setState(() {
        seconds -= 1;
        if (seconds <= 0) {
          seconds = 0;
          playing = false;
          timer.cancel();
        }
      });
    });
  }

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

  @override
  Widget build(BuildContext context) {
    final target = colors[targetIndex];
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text('점수: $score · 시간: $seconds초'),
        ElevatedButton(onPressed: startGame, child: const Text('게임 시작')),
        Container(
          width: 120,
          height: 80,
          color: target['color'] as Color,
          child: const Center(child: Text('목표 색')),
        ),
        Wrap(
          spacing: 8,
          children: List.generate(colors.length, (index) {
            final textColor = colors[random.nextInt(colors.length)]['color'] as Color;
            return ElevatedButton(
              onPressed: () => chooseName(index),
              child: Text(
                colors[index]['name'] as String,
                style: TextStyle(color: textColor),
              ),
            );
          }),
        ),
      ],
    );
  }
}

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('목표 파랑'))],
      ),
      const SizedBox(height: 14),
      SizedBox(
        width: 320,
        height: 220,
        child: Wrap(
          spacing: 8,
          children: colors.map((color) {
            return FilledButton.tonal(
              onPressed: () => chooseColor(colors.indexOf(color)),
              child: Text(color),
            );
          }).toList(),
        ),
      ),
    ],
  ),
)