3.6 KiB
3.6 KiB
Своя игра: Уроки французского
1. Project Overview
Веб-игра по типу "Своя игра" (Jeopardy) на тему рассказа Валентина Распутина "Уроки французского". Игроки выбирают вопросы разной сложности, отвечают на них и набирают очки.
2. UI/UX Specification
Layout Structure
- Header: Название игры, текущий счёт
- Game Board: Сетка 5x6 (5 тем × 6 вопросов)
- Question Modal: Всплывающее окно с вопросом
- Score Panel: Отображение очков игрока
Responsive Breakpoints
- Desktop: 1200px+
- Tablet: 768px - 1199px
- Mobile: < 768px
Visual Design
Color Palette:
- Background: #1a1a2e (тёмно-синий)
- Primary: #e94560 (красный акцент)
- Secondary: #16213e (тёмно-синий вторичный)
- Surface: #0f3460 (карточки)
- Text: #eaeaea (светлый текст)
- Gold: #ffd700 (для очков)
- Success: #4ade80 (правильный ответ)
- Error: #f87171 (неправильный ответ)
Typography:
- Headings: "Playfair Display", serif
- Body: "Source Sans Pro", sans-serif
- Sizes: H1 2.5rem, H2 1.5rem, Body 1rem
Visual Effects:
- Box-shadow на карточках
- Hover эффект scale(1.05) на кнопках
- Анимация появления модального окна
- Fade transition для переходов
Components
- Category Card - Заголовок темы
- Question Cell - Ячейка с вопросом (отображает стоимость)
- Question Modal - Модальное окно с вопросом и вариантами ответов
- Score Display - Показ очков
- Final Score Screen - Итоговый экран
3. Functionality Specification
Темы и вопросы (5 тем × 6 вопросов = 30 вопросов)
Темы:
- Автор и произведение (100-500)
- Персонажи (100-500)
- События (100-500)
- Цитаты (100-500)
- География и детали (100-500)
Сложность:
- 100 - самый лёгкий
- 500 - самый сложный
Core Features
- Выбор вопроса из сетки
- Отображение вопроса с вариантами ответов (4 варианта)
- Проверка правильности ответа
- Начисление/списание очков
- Отслеживание отыгранных вопросов
- Финальный экран с результатом
User Flow
- Стартовый экран → Начать игру
- Игровое поле → Выбор вопроса
- Модальное окно → Выбор ответа
- Результат → Возврат на поле
- Все вопросы отыграны → Финальный счёт
4. Acceptance Criteria
- Все 30 вопросов отображаются корректно
- Вопросы открываются по клику
- Правильный ответ показывает +очки, неправильный -очки
- Отыгранные вопросы затемняются
- Финальный экран показывает итоговый счёт
- Кнопка "Играть снова" сбрасывает игру
- Адаптивный дизайн работает на мобильных