125

Клавиатурная стрелялка

Доброго времени суток!


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


Вспомнилась однажды игрушка, наподобие space invaders, где необходимо печатать слова, чтобы сбивать вражеские корабли. Немного погуглив, я нашел zty.pe и скинул ребятам в чат посоревноваться, кто больше всех очков наберет, но с английскими словами возникли некоторые сложности и малая мотивация :) Слово за слово, зашла речь о том, что с русскими словами было бы куда интереснее. Сначала стали думать, что вообще нужно, чтобы сделать ее самим, а потом один из наших гиков нашел похожий проект на гитхабе, но для японского.


Далее прошло несколько веселых вечеров и мы дружно (разного рода участие приняло порядка 7 человек) переработали азиатскую версию под русскую. Вероятно, автор оригинального кода забыл сделать пулл финальной версии или в какой-то момент перестал развивать проект, поскольку код имел некоторые баги :) Не обошлось, конечно, и без наших багов - первая версия была, мягко говоря, не очень... При этом кому бы мы ее не скинули, всем нравилось, что и смотивировало нас доработать игру до стабильного рабочего состояния.

Клавиатурная стрелялка Игры, Тренажер, Разработка, Гик, Длиннопост, Программирование, IT

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


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


Приложение написано на js, как мы поняли - с использованием фреймворка impactjs и, судя по всему, в репозитории японской версии слиты уже собранные сорцы, они вполне себе читабельны и редактибельны, так что можно сказать мы имеем дело с нативным js без зависимостей. Весь код, связанный с игровым процессом, мы вынесли в engine.js. Для подсчета скорости, сохранения результатов и настроек написаны дополнительно storage.js, rtype.js также на нативном js. Для запуска локально достаточно разместить на любом веб-сервере (apache, nginx и т.п.).


Сейчас игровой процесс выглядит так - жмете enter, переключаетесь на русскую раскладку и печатаете, для смартфонов - нужно нажать на игровое поле, после чего нажать enter и также переключить раскладку на русский язык (поддерживает разные типы ввода). Из противников есть одиночные мины, у которых длина слова увеличивается с прохождением уровней; несколько видов кораблей, которые стреляют словами и которые стреляют буквами (у них по умолчанию длина слова больше, чем у мин).

Клавиатурная стрелялка Игры, Тренажер, Разработка, Гик, Длиннопост, Программирование, IT
Клавиатурная стрелялка Игры, Тренажер, Разработка, Гик, Длиннопост, Программирование, IT

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

Клавиатурная стрелялка Игры, Тренажер, Разработка, Гик, Длиннопост, Программирование, IT

На данный момент у нас в планах изменить дизайн под тему “космос”. Но большее внимание мы хотим уделить словарям и логике самой игры. Например, добавить словари на разную тематику, добавить больше слов, добавить более интересные уровни с разными игровыми приемами (новые виды кораблей, пасхалки и пр.), мультиплеер, возможность открывать игровое поле на весь экран.


Комментарий для минусов прилагается, всем спасибо!


Заценить игру

Исходный код

Оригинальный проект

Найдены дубликаты

+15

афигенная вещ ребят!!!
не не так СУПЕРГИПЕРФЕНДИЗАПЕРДОПЕЛЬНО АХУИТЕЛЬНАЯ!!!
один минус, добавьте пробел, после каждого слова, пальцы сами тянутся за пробелом, а игра говорит - он не нужен.
как вариант, можно сделать пробел как последнюю добивающую ракету

раскрыть ветку 3
+4

Про добивающую ракету хорошая идея, спасибо =)

-3

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

раскрыть ветку 1
+2

каждому свое?

+4

Неплохо. Помнится в Кримсонлэнде нечто похожее было.

+4

мне понравилось! одобряю...что то подобное было давно, называлось беби тайп? вроде.

раскрыть ветку 5
+2

Я давно играл в какую-то игрушку на флеше на английском, но вот удалось найти только zty.pe как и упоминал в статье и несколько реализаций на флеше, но все были не те. Говорят, еще на msdos на ascii графике такое делали :) беби тайп первый раз слышу. Ну и само собой не стоит забывать про klavogonki.ru, оттуда мы взяли кстати словарик.

раскрыть ветку 4
+4
Ещё есть typing of the dead
Иллюстрация к комментарию
раскрыть ветку 2
+3

вот так выглядел) поиграл игру до 6 уровня, момент с разлетающимися словами в буквы, интересный!

Иллюстрация к комментарию
+3

https://store.steampowered.com/app/574620/Word_Killer_Zorgil...

Очень похожая игра уже давненько обитает в стиме. Может вдохновитесь, или наоборот увидите грабли, на которые наступать не стоит.

раскрыть ветку 3
+2

одними из серьезных граблей я бы назвал цену, ее наличие =)

из таких ассоциаций вспомнилась затея о кооперативном мультиплеере для нас, когда 2 корабля на поле и нужно отбиваться вдвоем

раскрыть ветку 1
+1

Ну, я word killer купил на распродаже за пару копеек, эти деньги она отработала)

+2
Отзывы там не очень
+3

В Crimsonland один из режимов был Typ'o'Shooter, на ютубе легко ищется, посмотрите, может какие идеи почерпнете.

раскрыть ветку 1
0
только хотел о ней написать )
+3

Весьма годная штука. Хорошая работа

раскрыть ветку 1
+2

спасибо :)

+2

Общего рейтинга нет жаль, интересно куда бы я влез со своими 647 знаками, но в любом случае прикольная вещь ) Однако для людей которые не развивают скорость набора текста быстро надоедает. Не хватает какого-то story-mode

раскрыть ветку 3
0

Story-mode? Это как? Для общего рейтинга необходимо реализовывать проверки валидности результатов. Как только у людей появится стимул, например, засветить своё имя первым в топе, они станут придумывать способы подделки результата, а сейчас это очень просто. Поэтому мы намеренно не создаем почву для развития читеров. Когда-нибудь в будущем, когда реализуем все игровые фишки, уделим время и общему рейтингу с защитой от читеров.

раскрыть ветку 2
+1

и ПВП :D

+1

Под стори я имел ввиду сюжет

+2

Крутая игра!

Есть баг, три круглые иконки с кошкой, телеграмм заслоняют экран при вертикальной ориентации планшета.

раскрыть ветку 2
+1

а нельзя это решить небольшим приближением? как вообще скорость на планшете? при моей 540 на компе на мобиле еле 300+ делаю

раскрыть ветку 1
+1

Всё прошло как-то, теперь нормально. Спасибо за игру!

+2
Xiaomi redmi a5
видно пол игрового поля, когда слова долетают ниже игрового поля скролю экран ниже, но при нажатии клавиши опять меня скроллит вверх, в итоге слилась на лёгком уровне потому что не видела слов. Но идея классная, мне понравилось.
раскрыть ветку 7
+1

сделать вручную приближение, чтобы было видно всё поле?

раскрыть ветку 6
+2
https://pikabu.ru/story/_4149162
вот так? Слова тогда маленькие)
раскрыть ветку 5
+2
Игра отличная! Рекомендую
+2

это шедевр

раскрыть ветку 3
+1

спасибо :)

раскрыть ветку 2
+3
Сегодня на работе я хотя бы не "тупо сидела" а "что-то там печатала"
раскрыть ветку 1
+6

Комментарий для минусов

раскрыть ветку 1
0
Добавь хардкор в виде Льва Толстого и его войны и мира.
+3

рейтинга для гифки пока не хватает :)

раскрыть ветку 1
+4

гифка бота

+1

Очень круто! Только мешают наползающие - хорошо бы активное слово (красное) было поверх всех.

+1

Из замечаний - добавить в словарь буквы й и ё. Встречая слово йод ненароком ошибаешься.

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

раскрыть ветку 1
0

буква "й" есть и есть такое слово иод (через и)

+1

Игруля норм, не могу не вспомнить малыша бэбитейпа

Иллюстрация к комментарию
раскрыть ветку 1
+1

Это ж колобок, как он назывался в русской версии

+1

Сложный уровень поинтереснее...

Иллюстрация к комментарию
раскрыть ветку 3
+1

Я выше 12 волны не поднимался на сложном =) в самом низу поста как раз мой скриншот статистики сложного уровня.

раскрыть ветку 2
+2

Привет! Отличная идея, залип до двенадцатого уровня, но когда разлетелись отдельные буквы в стороны в тот момент, и я начал пытаться их ловить, один раз промахнулся, но буква сработала на новый корабль сверху, на который я не обратил внимание и все дальнейшие нажатия были неверные и маленькие кораблики я так и не смог сбить( обидно

раскрыть ветку 1
+1

Чот я разучился набирать

Иллюстрация к комментарию
раскрыть ветку 2
+2

Для человека, работающего за компьютером, скорости 300 зн/мин более чем достаточно для обычных задач. Не многие могут похвастаться даже такой.

раскрыть ветку 1
+1

На клавогонках у меня больше 500 рекорд был, а там так-то надо и знаки препинания соблюдать, что есть несколько сложнее, нежели просто по слову хуярить)

Я ж говорю, разучился я набирать:D

+1

Какие вы программисты/гики, если есть проблемы с инглишем?

раскрыть ветку 2
0

какого рода проблемы имеются в виду?

раскрыть ветку 1
+2

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

0

Хз как вы могли не слышать про проект "клавогонки". Толпой самое то. Оффтоп мессадж.

раскрыть ветку 1
0

У нас с клавогонок частотный словарь взят.

-2

Ты настоящий программист или очередной сраный фронтенд говнокодер?

раскрыть ветку 4
+5

настоящий программист-говнокодер

раскрыть ветку 3
+1
Пруфы
раскрыть ветку 2
Похожие посты
Возможно, вас заинтересуют другие посты по тегам: