Интерактивная обучающая игра для детей (примерно 9 лет): нужно определить склонение имени существительного — 1-е, 2-е или 3-е.
- 4 уровня: отдельно 1-е, 2-е, 3-е склонение и режим «всё вперемешку».
- Подсказки: кнопка 💡 объясняет признак склонения; при ошибке объяснение показывается автоматически.
- Шпаргалка с правилами: экран «Как определить склонение?» с примерами.
- Очки и жизни: 3 жизни (❤️) на партию, очки за правильные ответы.
- Звук и анимации: звуковой и визуальный отклик (конфетти / тряска).
- Сохранение прогресса: лучший результат каждого уровня в localStorage.
- Адаптивный дизайн: работает на телефоне и планшете.
Игра не просит угадать номер склонения — она ведёт ребёнка по логике разбора:
- Выбери уровень (или посмотри правила).
- Шаг 1 — род. Прочитай слово и определи род: подставь «он / она / оно».
- Шаг 2 — окончание. Окончание подсвечивается прямо в слове, выбери его (-а/-я, -о/-е, нулевое или -ь).
- Вывод. Игра сама показывает цепочку:
род + окончание → склонение— ребёнок видит, почему слово относится к этому склонению. - При ошибке появляется подсказка, можно попробовать снова (теряется ❤️).
| Склонение | Признак | Примеры |
|---|---|---|
| 1-е | ж. и м. род на -а / -я | дядя, папа, поляна, земля |
| 2-е | м. род с нулевым окончанием, ср. род на -е / -о | конь, дом, солнце, утро |
| 3-е | ж. род с -ь на конце | мышь, ночь, сирень, мать |
- HTML5, CSS3, JavaScript (Vanilla)
- Web Audio API для звуков
- LocalStorage для сохранения результатов
russian/
├── index.html
├── js/
│ ├── data.js # Слова, склонения и подсказки
│ ├── main.js # Состояние и навигация
│ ├── audio.js # Звук
│ ├── animations.js # Анимации
│ ├── storage.js # Сохранение прогресса
│ ├── game.js # Логика игры
│ └── ui.js # Интерфейс
├── styles/
│ ├── base.css
│ ├── components.css
│ └── animations.css
└── tests/
└── game.test.js # Тесты данных (node tests/game.test.js)
Открой index.html в браузере. Установка не требуется.
Тесты: node tests/game.test.js