Литера: тренажёр слепой печати, который подстраивается под ваши пальцы

Что такое Литера

Литера: бесплатный тренажёр слепой печати на русском и английском. Он открывается в браузере, работает без регистрации и учит печатать всеми десятью пальцами, не глядя на клавиатуру.

Это мой собственный продукт. Хотелось тренажёр, который не заставляет часами печатать «фыва олдж», а подстраивается под человека: даёт новые буквы, когда пальцы готовы, и тренирует ту букву, на которой он спотыкается.

Как устроен «Путь»

Главный режим учит раскладку постепенно. Начинаем с шести букв домашнего ряда: в русской раскладке это а, о, в, л, ы, д. Новые буквы добавляются по одной: сначала ближайшие клавиши, потом редкие, до полного алфавита в 32 буквы на русском и 26 на английском.

1. Новая буква открывается, когда все открытые набираются от 140 знаков в минуту и почти без ошибок. В детском режиме порог 80 знаков.
2. Уверенность считается по каждой букве отдельно: по скорости её набора и доле ошибок.
3. Текст урока строится из уже знакомых букв. Примерно половина слов настоящие, остальные похожи на язык, но придуманы: их собирает марковская цепь по сочетаниям букв.
4. Упор на самую слабую букву. Если новая буква ещё не освоена, текст тренирует её. Если освоена, тренажёр находит самую медленную из открытых и добавляет её чаще.

Над текстом видно, сколько букв открыто и какая сейчас в фокусе. Внизу экранная клавиатура подсвечивает, каким пальцем нажимать следующую клавишу.

Режимы

• Тренировка: частотные слова или цитаты. Можно добавить знаки препинания, цифры и заглавные буквы.
• Текст дня: цитата и панграмма, одинаковые у всех в этот день. Можно сравнить скорость с друзьями на одном тексте.
• Ливень: игра, где слова падают сверху, и их нужно успеть напечатать. Три промаха по земле, и игра окончена. С каждой волной слов больше, они длиннее и падают быстрее.
• Детский режим: простые слова, крупный шрифт и более низкий порог для новых букв.

Призрак и ритм

Во время урока по тексту бежит призрак: курсор, который печатает со скоростью вашего лучшего или среднего результата. Обогнать его наглядно мотивирует сильнее, чем цифра скорости.

После каждого заезда показывается отпечаток ритма. Каждая черта означает один знак, её высота показывает скорость в этот момент, а ошибки отмечены цветом. Ровный ритм даёт ровную «гребёнку», а запинки на конкретных буквах видны сразу.

Ранги и марки

Скорость превращается в ранг: восемь рангов от гусиного пера до молнии, от 0 до 550 знаков в минуту. Между ними карандаш, перьевая ручка, пишущая машинка, телеграфист, телетайп и наборщик. Иллюстрации рангов сделаны нейросетью в одном стиле, похожем на ризографию.

За достижения выдаются марки, как почтовые: 27 штук. Например, «Чистый лист» за заезд без ошибок, «Метроном» за ровный ритм, «Обогнать себя» за победу над призраком, «Неделя» за семь дней подряд, «Сова» за заезд после 23:00.

Печать без переключения раскладки

Частая ситуация: начинаешь урок на русском, а в системе включена английская раскладка. Литера смотрит не только на символ, но и на физическую клавишу. Если нажата правильная клавиша в другой раскладке, нажатие засчитывается, а сверху появляется подсказка, что раскладку можно не переключать.

Статистика

• рекорд, число заездов, набранные знаки и время за клавиатурой;
• график скорости по заездам со средним по последним пяти;
• карта ошибок на клавиатуре: чем насыщеннее клавиша, тем чаще по ней промахи;
• буквы от самых медленных к быстрым.

Весь прогресс хранится только в браузере пользователя. Ничего не уходит на сервер, поэтому регистрация не нужна.

Как устроено

React и TypeScript на Vite, стили на Tailwind CSS, анимации на Motion. Звуки клавиш синтезируются в браузере через Web Audio, без аудиофайлов. Тексты генерируются из начального числа, а для текста дня оно зависит только от даты, поэтому текст совпадает у всех пользователей. Есть светлая и тёмная тема, выбор единиц скорости: знаки или слова в минуту.

Скриншоты

Частые вопросы