Игра-бродилка на js/html/css

Всем привет!

Некоторое время назад я решил попробовать написать простую игру на js/html/css с помощью нейросетей. Понимаю, что ничего оригинального и прорывного я не создаю, подобное делалось до меня миллионы раз, но все же. С js я знаком буквально на уровне азов, с html и css ситуация чуть получше. Игра писалась (пишется) с нуля. Я бы может и подсмотрел бы где нибудь идеи, но решил, что если уж эксперимент, то "чистый" :}
Изначально писалось для ПК, потом пришла идея ее как-то под браузер телефона подогнать

Собственно, игра представляет собой нечто вроде лабиринта. Нужно пройти лабиринт, по дороге собирая "ресурсы". Цель - взять чек-поинт (алмаз) и перейти на следующий уровень

Что реализовано:

есть игровое поле. есть управление с клавиатуры и кривоватое управление мышкой/пальцем
есть нечто вроде примитивной графики
есть зачатки баланса

Все это, надеюсь, со временем допилится до более-менее нормального вида, если не надоест этим заниматься :}

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

Вобщем, как-то так. Может у кого-то будут какие-то идеи или предложения - рад буду услышать. Конструктивная критика тоже принимается. Ссылка на codepen ниже. Также к посту прикрепляю архив, в нем 3 файла - страница, файл скрипта и картинка джойстика

https://codepen.io/whyxsrnb-th... en/qEWJRjp

Спасибо, что дочитали :}

P.S. На codepen нечто вроде "стабильной версии", в архиве как бы "ночная сборка". Все работает

Вложения

game.zip (57.6 Кб, 2 просмотров)

1

Сообщение от frogressive (да и какая "мобилка" на js, ну в самом деле?

А что не так? Не вижу никаких технических проблем с этим.

0

Всем привет!

Начну (и закончу) главным: мне так и не удалось реализовать, чтобы вместо ущербных графических эмоджи отображались нормальные ламповые текстовые ☺ как задумывалось. Графические смайлы выглядят максимально вырвиглазно, с ними продолжать нет никакого желания. Я перебробовал наверное все способы, что имеются - от CSS до вставки специальных кодов Юникода - результата ноль. Переписывать код практически с нуля, чтобы вместо смайлов, например, отображались картинки смайлов мне банально лень (хотя я их уже начал рисовать), мне эта игруля и так нервов съела порядочно. Кароч, проект не остановлен, но заморожен. Всем спасибо за внимание!

0

И снова всем привет!

Прошлый пост можно считать неактульным - я таки нашёл решение и "перерисовал" иконки, теперь все отображается как задумывалось*. Поигрался с иконками и их цветом. Наконец-то определился и с иконкой игрока - теперь мы играем за ведьму, она летает и что-то делает :) Кстати, поворачивается в ту сторону, в которую вы ходите

Допилил "бонусные" уровни - теперь каждый 5-й, 10-й и 25-й дает призы

На этом пока все. Игротест тут:

wicca.pp.ua/roomdoom

логин/пароль для входа: admin/admin ну или придумайте свои

*вот так:

Миниатюры

 

2

И опять всем привет!

Так или иначе, но потихоньку и не спеша продолжаем. Несколько обновлений:

Враги. Добавил еще 2 категории врагов (помимо пчел) - муравьи и гусеницы. У них разное кол-во жизни, в дальнейшем предпологается, что у них будет разная сила атаки, да и вообще, они будут появляться по мере прогресса в игре
Башни. Начиная с определенного уровня появляется вторая башня. В перспективе у них будет увеличиваться зона поражения по мере прогресса
Ловушки. На разных уровнях их разное кол-во (в начале 1-2, дальше 1-3 или больше)
Бессмертие. Сейчас на каждом 2-м уровне появляется "ангел", он дает бессмертие до конца уровня

На поле красными цифрами обозначены ловушки, я их пока оставил для отладки

Вобщем, пока как-то так ☺

Миниатюры

 

2