Серия «Игры длиною в один файл»

ДТП Кликер⁠⁠

Серия Игры длиною в один файл
ДТП Кликер

Приветствую, пикабушники!

Решил немного развлечься и, возможно, развлечь вас.

Поэтому начинаю создание серии игр в одном HTML-файле.

Это серия игр, которые будут состоять всего из одного HTML-файла.

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

Первой в серии будет «ДТП Кликер». Суть простая: несколько перекрёстков и полный хаос. Всё смешалось: люди, кони.

Нам предстоит устранить этот хаос, добавляя светофоры, пешеходные переходы и так далее.

Поиграть можно на GitHub по ссылке: https://greenman2022.github.io/dtpcliker/

Естественно, всё бесплатно и без рекламы. Всё для вас.

Буду рад реакциям, комментариям. Ну и хейта можно навалить — зачем ещё нужен наш любимый Пикабу?

Показать полностью

Flight Control⁠⁠

Серия Игры длиною в один файл
Flight Control

Всем привет, пикабушники. Продолжаю сервию игр для рубрики "Игры в один файл"

Вспомнил старую мобильную Flight Control — ту самую, где ты диспетчер, тянешь пальцем линии от самолётиков, и они красиво заходят на посадку. Играл в неё лет 10 назад, а она до сих пор снится в кошмарах.

Короче, за пару вечеров собрал браузерную версию в одном HTML-файле. Без движков, без npm, без 500 мегабайт node_modules. Просто canvas + ванильный JS. Можно скачать и открыть двойным кликом, даже интернет не нужен (ну почти).

Как играть:

🛬 Тянешь от самолёта линию — он летит по ней. Отпустил — летит по прямой.

🎯 Цветные самолёты — на полосу внизу. Жёлтые вертолёты — на площадку «H» справа.

💥 Два борта столкнулись — конец. Без «жизней», без «второй попытки». Как в жизни.

📈 Чем больше посадил — тем чаще появляются новые. Игра постепенно превращается в хаос.

Что есть внутри:

— 4 типа самолётов + вертолёты с крутящимся винтом
— Рекорд сохраняется в браузере (у меня пока 47, побейте)
— Статистика после каждого рейса: сколько посадил, сколько пролетело рядом (так называемые «почти столкновения» — отдельный вид боли)
— Счётчик игроков, чтобы понимать, что ты не один такой в этом небе
— Таймер, счётчик бортов в воздухе — всё как у взрослых

Почему это сложнее, чем кажется:

Первый борт — легко. Второй — тоже. А вот когда их пять, и один летит с севера, второй с юга, третий вообще с востока, а полоса одна — вот тут начинается настоящий авиадиспетчерский ад. Я после нескольких партий понял, почему у диспетчеров зарплата выше средней.

Технические детали (для тех, кому интересно):
— ~700 строк кода, один файл
— Canvas 2D, никаких библиотек
— Управление: мышь или палец
— Работает на телефоне (проверено на своём, самолёты слушаются)

Если кто-то дойдёт до сотни посаженных — снимаю шляпу, у меня после 50-го борта в воздухе начинается паника и я теряю контроль над ситуацией.

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

Поиграть можно по ссылке: https://greenman2022.github.io/flightcontrol/

Показать полностью 1
0

Волк и плюсики⁠⁠

Серия Игры длиною в один файл
Волк и плюсики

Привет, пикабушники. Продолжаем серию игр в один html файл.

Намедни сидел я и думал: а чего в интернетах не хватает? Правильно — игры, где главная валюта это плюсики. И главный герой — волк. Потому что волк — это классика. Все любят волка. Особенно если он ловит плюсы ртом.

Так и родилась «Волк и Плюсики».

📜 Правила — проще некуда

Сверху падают кружочки. Ты водишь волка мышкой, пальцем или стрелками ← → и ловишь их.

  • Плюсик — +1 плюсик в карму.

  • Золотой плюсик — +5 плюсиков и уважение.

  • Минус — поймал — минус жизнь. Сразу. Без разговоров.

  • Пропустил плюсик — −2 плюсика. Да, жёстко.

  • Плюсиков стало меньше нуля — минус жизнь. Волк в минусе не живёт.

  • Три жизни — и всё, волк уходит в минус. Буквально.

Комбо никто не отменял: ловишь без промахов — получаешь множитель. Промахнулся — комбо обнулилось. Уровень растёт каждые 15 плюсиков, плюсики падают быстрее, минусов становится больше. Классическая прогрессия «ещё один заход и спать».

🛠 Как это сделано

Один HTML-файл. Без движков, без сборщиков, без «скачай 300 мегабайт зависимостей». Открываешь в браузере — играешь.

Внутри:

  • Canvas 2D и один requestAnimationFrame цикл.

  • Вся физика — это y += vy * dt. Никакой физики.

  • Волк нарисован кодом: уши, зубы, глаза, которые следят за твоим курсором. Не спрашивайте зачем — просто следят.

  • Touch-first: на телефоне водишь пальцем, волк «приклеен» к пальцу. Мультитач отключён, чтобы второй палец не уволок волка в другой конец экрана.

  • Звуки — Web Audio, синтез на лету. Пищит, но по-доброму.

  • Глобальный счётчик заходов — чтобы видеть, что ты не один такой.

😤 Ощущения от игры

  • Первые 30 секунд: «да что тут сложного».

  • Следующие 30 секунд: «откуда столько минусов».

  • Минута: «−2?! ЗА ЧТО».

  • Две минуты: «ладно, ещё один заход».

Волк, кстати, не расстраивается. У него выражение лица человека, который уже принял свою судьбу.

🎯 Для кого это

  • Для тех, кто любит аркады на 2 минуты в обед.

  • Для тех, кто хочет доказать себе, что реакция ещё не всё.

  • Для тех, кто хочет поймать минус и сказать «так и задумано

Играть здесь: https://greenman2022.github.io/volkiplusiki/

Естесьтвенно все бесалвтно без смс и регистрации. Буду рад вашим отзывам.

Показать полностью 1
Отличная работа, все прочитано!

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества