11 января 2021 11.01.21 10 1657

«Забавно, но бестолково» Генератор обращений разработчиков.

                                                                   Предисловие

Доброго времени суток Stopgame, спустя несколько месяцев простоя я решил вернутся к формату блогов и сегодня продемонстрирую вам как понятно из названия блога: "Забавный, но бестолковый" сайт, которым я занимался последнее время: https://sanua356.github.io/alexanderrusdev/apologyGenerator/index.html

Главная страница
Главная страница

                                                  Кратко о зарождении идеи

Как-то раз, листая новостную ленту, я увидел сайт под названием "sorrypunk.com" который генерировал картинку в стиле обращения  "Cyberpunk 2077" от "CD Project Red" к игрокам, позволяя вписывать любой текст вместо официального текста разработчиков. Поразмыслив своими немногочисленными извилинами я понял, что эту идею можно развить в нечто большее. Так и появился мой сайт, где вы можете сгенерировать обращение с фоном от: "Cyberpunk 2077", "Dying Light 2" и "Mafia Definitive Edition".

-(Добавление новых фонов не требует больших затрат по времени, поэтому если у вас есть идеи, какие ещё фоны можно добавить, милости прошу в комментарии).

Сам сайт-источник "sorrypunk.com" по функционалу очень не велик, мой же сайт более расширен в этом плане.

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

                                   Руководство по использованию

Руководство будет описано на примере фона "Dying Light 2".

Выбираем фон с "Dying Light 2"
Выбираем фон с "Dying Light 2"

Далее перед нами откроется окно, на картинках цифрами обозначил основные блоки, которые нас интересуют (в принципе и так понятно, какая часть сайта за что отвечает, но я пожалуй опишу):

Блок 1: Это превью будущей картинки, текст в которой мы будем изменять на свой. Если говорить упрощённо, так готовая картинка будет выглядеть после скачивания.

Блок 2: Это поле ввода текста. При его изменении в "блоке 1" текст также будет меняться на тот, который вы вводите. Поле ввода поддерживает все "HTML" и "CSS" атрибуты, поэтому если вы владеете этими инструментами, можете изменить текст ещё более сильно, чем стандартный функционал.

 Блок 3: Это кнопки, которые могут вам понадобится при наборе текста. Описывать то, что делает каждая я не буду, так как это и так понятно исходя из их названий. Скажу лишь за одну: "Сохранить готовое изображение", после набора желаемого вами текста, подождите 10-30 секунд перед нажатием этой кнопки, поскольку кнопка для сохранения у себя в буфере обновляет текст не сразу. Вы можете вообще не пользоваться этой кнопкой и сохранить готовое обращение через клавишу "Print screen" или "Ножницы" из блока 1.

Блок 4: Это предупредительный блок. Прочитайте его обязательно!

Блок 5: Это кнопка, которая вернёт вас ко всем доступным для изменения фонам.

                                                                Пример результата работы

  Давайте попробуем создать обращение в стиле "Dying Light 2". Для этого на главной странице выбираем пункт с "ФОН Dying Light 2".

Результат работы
Результат работы

                                                            Заключение

Если у вас есть какие-либо идеи по доработке данного сайта (Новые фоны, увидели баг и д.р), прошу вас написать о них в комментариях под этим блогом, либо мне в VK. Ну а я с Вами не прощаюсь, ещё увидимся на StopGame.ru.


Лучшие комментарии

alexanderp03 11 января 2021, 10:43

Это хорошая идея, но toolbar тяжело реализовать из-за отсутствия поддержки PHP скриптов на GitHub Pages, на котором сайт и находится. Однако же проект открытый, все исходники в репозитории на том же GitHub находятся и доступны всем.

Читайте также