Блиц — Кейс | Adel Bashiroff

Задача проекта

Идея

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

Реализация

Чистые HTML, CSS и JavaScript без фреймворков и библиотек. Движок написан с нуля: генерация ходов, рокировка, взятие на проходе, превращение, мат и пат. Корректность проверена перфт-тестами на известных позициях. Соперник считает варианты с альфа-бета отсечением на три хода вперёд.

Что умеет

Четыре режима по времени: пуля 1+0, блиц 3+2, блиц 5+0 и рапид 10+0

Настоящие часы с добавлением секунд за ход и поражением по времени

Три уровня компьютера: новичок, любитель и сильный

Все правила: рокировка, взятие на проходе, выбор фигуры при превращении

Мат, пат, ничья по повторению позиции, правилу 50 ходов и недостатку материала

Подсветка легальных ходов, последнего хода и короля под шахом

Запись партии в стандартной нотации: Nf3, exd5, O-O, Qxf7#

Отмена хода, переворот доски и возможность сдаться

Выбор цвета: белые, чёрные или случайно

Адаптив, управление с клавиатуры и поддержка prefers-reduced-motion

Скриншоты проекта

Мобильная версия

На телефоне кнопки становятся во всю ширину, настройки партии собираются в одну строку, а доска занимает всю ширину экрана.

Фигуры выбираются касанием, часы стоят над доской и под ней, а горизонтального скролла нет.

Результат работы

0

зависимостей: чистые HTML, CSS и JavaScript

4

режима по времени от 1 до 10 минут

3

уровня компьютерного соперника

0

регистраций до первого хода

Блиц — быстрые шахматы, в которые играют прямо на лендинге