Ростислав Игнатенко

Unity хороший движок, но если учитывать бесплатную версию, то у вас будут немного связаны руки. Так как из базового функционала вы не сможете сделать для 2D динамические тени и будет очень тяжело делать нормальное освещение. Для решения данных проблем вам придется либо покупать уже готовые решения, либо писать их самому.
UE4 хороший так же, но не для 2D. Он с ним не дружит по большей части, ну и как известно всем, памяти он тоже любит покушать много, а для игр на телефон - это большой минус.
С Cocos2D, Starling, Cordova не работал, так что ничего не могу сказать о них.

Как динамически получать данные из бд и подтягивать в модальные окна? - здесь есть и как открывать

Во первых, php myadmin это не сайт, а веб-приложения для администрирования MySQL. БД можно создавать на всех хостингах.
Во вторых БД узнает что вы передали ему данные очень просто - вы передали ему данные, я думаю это очень логично.
Я бы вам для начала посоветовал разобраться что такое БД и как она работает, а потом уже делать все остальное.

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

Перед addClass используйте removeClass.

Используйте node.js + socket.io.
socket.io сам передает необходимые данные и поддерживает соединение с клиентом. Вы просто используете встроенные методы приема-передачи сообщений.
У них на сайте в примере использования есть чат, посмотрите как он устроен и работает, это не займет много времени, но поможет понять что к чему.

Посмотрите так же Node.js как вариант для бэкенда. Но я так же полностью согласен с вышесказанным комментарием.

Есть приложение Postman, можете попробовать его, довольно таки хорошее с неплохим функционалом.

Возможно неправильно указали путь в самом html

И я бы вообще на вашем месте удалил строку

//favicon
    app.use(favicon(path.join(__dirname, 'public/img/assets', 'favicon.ico')));

Так как с помощью этих строк вы уже можете обратиться к favicon

// static foulder
    app.use(statics(path.join(__dirname, 'public')));

Вам уже сказали, что у вас неправильная запись snakeHP - 1;
Я бы вам советовал писать не
snakeHP = snakeHP - 1;
А использовать краткую запись
snakeHP -= 1;

Просто берете и верстаете это вручную через html+css. Хотите автоматизиворать - используйте js.

Потому что вы используете OnePageScroll и заменяете дефолтное поведение mousewhell на указанное в коде(в вашем случае, на смещение по высоте на 100%)

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

Здесь много вариантов.
1) Самый простой, но не самый рациональный. Делаете обычный блок с transform: rotate(10deg), например, но ширину блока задаете не 100% от ширины экрана, а больше. Так же задаете блоку-родителю overflow-x: hidden (здесь главное указать правильно что-бы не появился горизонтальный скролл). Потом этому блоку так же задаете overflow: hidden, и внутрь блока пихаете свою картинку.
2) svg/canvas и рисуете объекты. Мне кажется эти способы более правильны, но потребуют немного больше времени, нежели первый.