Сапёр онлайн: как я воскресил игру из Windows 98 и почти не сломал интернет
как выглядит сам сапёр
Все, кто застал Windows 98/XP, помнят это чувство: понедельник, 9:00, отчёт не готов, но вы уже тридцать минут аккуратно ставите флажки на поле 9×9 и мысленно называете себя сапёром-инженером. Потом кликаешь не туда - и оно. Взрыв. Смайлик с крестиками вместо глаз. Знакомо?
Вот именно эту боль - и эту радость - мы и решили вернуть. Только теперь в браузере, с мультиплеером, темами и монетками. Живой проект minesweeperonline.ru.
Немного ностальгии, завёрнутой в пиксели
Главная задача была не "сделать игру", а "сделать машину времени". Мы отрисовали интерфейс в стиле той самой серой Windows: заголовки окон, бевелы на кнопках (светлый край сверху, темный снизу), шрифт Tahoma, окна-модалки со скошенными углами. Смайлик теперь снова может улыбаться, грустить, надевать очки при победе и умирать при проигрыше.
Мелочь, а работает как кнопка «переместиться в 1998»
пример смайлика в окне
Что внутри, если снять крышку?
Гик-часть. Игра — это одно большое современное веб-приложение, замаскированное под древний Windows:
Скины. Их больше десятка: классические цветастые, тёмный, Oceanic, Astro Stars, Tropical и свежие — Mr. Chocolate, Neon Night и Winter Inei. Каждый меняет не только фон, но и клетки, смайлик, флажок, бомбу и даже раскраску цифр. Часть оформления — чистый CSS (градиенты, шахматка поля), часть — пиксельные спрайты 32×32, нарисованные программно. Да, мы рисуем бомбы кодом. Это законно.
Монетки и маркет. За победы капает игровая валюта. За монетки покупаются скины — реальные деньги тут не нужны и не принимаются (по-честному). Есть и пара скинов за рубли, но это уже для коллекционеров.
Мультиплеер и кооп. Можно гоняться с живым соперником на время, причём он видит доску в вашем скине. А можно проходить поле вместе — вдвоём против мин.
Дружелюбная капча при регистрации, восстановление пароля по коду из письма, подтверждение почты. Скучная, но необходимая сантехника.
Некоторые скриншоты:
скриншот 1: маркет тем и настройки аккаунта
Можно менять ник, аватар, пароль от аккаунта через восстановление аккаунта
скриншот 2: режим соревнования по сети (PVP)
Кто быстрее отгадает все мины на поле - тот и побеждает!
скриншот 3: сетевая игра
Присутствует 2 режима: соревнование (PVP) и совместное прохождение (одно поле на несколько человек)
скриншот 4: настройка звуков и загрузка своих треков
Присутствует встроенный MP3 плеер: выбираете треки из проводника и слушаете свою музыку, кайф, правда?
скриншот 5: настройки визуализации с возможностью загрузки своего фона (фото/видео: живые обои)
Полная оптимизация под живые обои (MP4)
Почему это до сих пор работает?
Проект живёт на обычном сервере под OpenResty, а сам игровой процесс крутится на Python. Весь этот сайт сделал полностью энтузиаст в одиночку (то есть мной) с нуля и он продолжает его поддерживать регулярными обновлениями.
#сапёр #ретро #инди #minesweeper #олдскул #windows98 #windowsXP #игры