Доброго {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, изменяем их на свою дату. На этом всё :) Далее остаётся загрузить все эти файлы на хостинг (по желанию) и приготовиться наслаждаться радостью и умилению своей второй половинки У меня всё, всем удачи! Спасибо за уделённое время моей статье.
GitHub, Спасибо большое!) Пытался ещё с текстом поработать, но с телефона это не вышло у меня до конца