Как удивить его/её на 14 февраля?

​

Доброго {time}, птички! Сегодня решил Вам рассказать, как удивить свою вторую половинку.

В преддверии дня Святого Валентина многие парни (мы) «ломают» голову на тему того, как же удивить/порадовать её (быть может и его).
Хорошая новость для Вас!

Сегодня попытаюсь рассказать Вам, как это сделать!


Делать будем Web-игрушку по мотивам ранее нашумевшей игре «2048».

Нашей «изюминкой» будет то, что вместо цифр мы будем использовать фотографии.
А в случае выигрыша - показывать окошко с выигрышем

Как это будет выглядеть?

Изначальная стартовая страница будет выглядеть так:


Сама игра будет выглядеть так:


В случае выигрыша мы будем видеть это:

Настройка

Приступим? Для начала скачиваем по этой ссылке исходник

Yandex.Disk

https://disk.yandex.ru/d/K-U4fsR8hK--pQ

Скачав, мы видим перед собой вот такую картину:


Саму игру можно запустить, открыв файл game.html (по желанию её можно переименовать в index.html)


Открываем этот файл с помощью любого текстового редактора (Я пользуюсь Notepad++), затем в строчке №5 меняем текст на тот, который захотим (по стандарту стоит «2048»)


По желанию Вы можете изменить и строчки №29, №41. Сохраняем и закрываем этот файл.
Далее открываем папку img, видим в ней следующее содержание:


Заменяем все эти картинки своими. Размер, ориентация, формат нам не важен. Главное, чтобы основное содержание картинки находилось +- по центру. Важно: при замене фотографий своими обязательно нужно сохранять исходные названия.

Далее заходим в папку с названием «js», в ней ищем файл «grid.js», открываем её с помощью текстового редактора.
Находим строчку №207, в ней меняем значение «32» на своё. Правильнее всего будет поставить значение «2048». Эта строчка отвечает за то, при каком счёте игра считается пройденной. Я поставил «32» для демонстрации (ну и не умею я в неё играть в общем-то).



С этим файлом покончено, сохраняем, закрываем его.

Почти уже всё :)

Продолжение настройки

В этой же папке находим файл с названием «game_manager.js», открываем его с помощью текстового редактора. Находим строчку №35. Она отвечает за то, куда нас отправят после того, как мы пройдём игру. По желанию Вы можете изменить её. Но лучше не надо :)




С папкой «js» мы покончили, выходим из неё. Заходим в папку «LoveStory», видим в ней следующее:



Открываем файл index.html и видим там следующее:


Конечно, это можно отредактировать! Открываем этот файл с помощью текстового редактора. Перечислю номера строчек, которые нужно отредактировать: 4, 22-47, 53-58. Строчки 22-47 отвечают за текст, который будет напечатан слева. Строчки 53-58 отвечают за то, что будет напечатано справа в сердце.
Затем находим строчки №69-70, изменяем их на свою дату.

На этом всё :) Далее остаётся загрузить все эти файлы на хостинг (по желанию) и приготовиться наслаждаться радостью и умилению своей второй половинки

У меня всё, всем удачи! Спасибо за уделённое время моей статье.

​